Axios란? Fetch와의 비교

Axios란?

• Axios란 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다.

비동기 처리 : 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 Javascript의 처리

Axios 특징

• ES6의 Promise API 사용
• 요청과 응답 데이터의 변형
• HTTP 요청 취소
• HTTP 요청과 응답을 JSON 형태로 자동 변경

Axios 사용하기

- GET
- POST
- PUT
- DELETE

1) GET

GET : 입력한 URL로부터 자원 요청   

• Code Sample

	axios.get(url,[config]);

❗️GET 메소드는 자원을 요청해서 받을 수만 있지 자원의 값이나 상태를 변경할 수는 없다

2) POST

POST : 새로운 자원을 생성할 때 사용

• Code Sample

axios.post(url,[config]
          
     	).then((res)=>{
  
	}).catch(error => {
  		throw new Error(**Error Message**);
	});

❗️POST 메소드는 자원을 서버측으로 보내서 생성할 때 사용합니다.

3) PUT

PUT : 데이터 베이스 내 자원 변경 시 사용

• Code Sample

	axios.put(url[, data, [config]);

4) DELETE

DELETE : 데이터 베이스 내 자원 삭제 시 사용

• Code Sample

	axios.delete(url[, config])
		.then( res => {
      
    	        }).catch( error => {
    			throw new Error(**Error Message**);	
    		});