자바스크립트 axios 사용법

Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js에서 모두 사용할 수 있습니다. 이 라이브러리는 XHR(XMLHttpRequest)을 기반으로 하지만, fetch보다 더 많은 기능과 광범위한 브라우저 호환성을 제공합니다.

 

Axios는 간단하고 직관적인 API를 가지고 있으며, 다양한 요청과 응답 인터셉트(intercept)를 지원합니다. 또한, 요청과 응답 데이터를 자동으로 직렬화(serialization)하고 역직렬화(deserialization)합니다.

 

 

기능

 

Axios를 사용하면 다음과 같은 기능을 수행할 수 있습니다.

• HTTP 요청을 보내기(GET, POST, PUT, DELETE 등)
• 요청 URL에 매개변수 전달하기
• 요청 본문에 데이터 전송하기
• 요청 헤더에 정보 전송하기
• 요청 취소하기
• 요청과 응답 데이터 변형하기
• 요청과 응답에 인터셉트(intercept) 설정하기

 

 

사용법

 

Axios는 다음과 같은 방법으로 사용할 수 있습니다.

 

브라우저에서 스크립트 태그를 통해 라이브러리를 로드합니다.

Node.js에서 npm을 사용하여 라이브러리를 설치합니다.

Axios는 다음과 같이 기본적인 HTTP 요청을 수행할 수 있습니다.

 

// GET 요청
axios.get('/user?ID=12345')
    .then(function (response) {
    	console.log(response);
    })
    .catch(function (error) {
    	console.log(error);
    });

// POST 요청
axios.post('/user', {
firstName: 'John',
lastName: 'Doe'
    })
    .then(function (response) {
    	console.log(response);
    })
    .catch(function (error) {
    	console.log(error);
    });

 

Axios는 Promise 기반으로 동작하기 때문에, 요청과 응답에 대한 처리를 then() 및 catch() 메서드를 사용하여 처리할 수 있습니다. 또한, 다양한 설정을 사용하여 요청과 응답에 대한 추가적인 처리를 수행할 수 있습니다.