Axios

henry·2024년 10월 9일

1. Axios란?

axios는 브라우저와 Node.js 환경 모두에서 사용할 수 있는 HTTP 클라이언트 라이브러리입니다. Promise 기반으로 작동하기 때문에 비동기 코드를 다루기 용이하며, JSON 데이터를 자동으로 직렬화/역직렬화하는 기능이 있어 RESTful API와의 통신에 특히 유용합니다.


2. 설치하기

Node.js 프로젝트에서 axios를 사용하려면, 먼저 npm을 통해 axios를 설치해야 합니다.

npm install axios

설치가 완료되면, 프로젝트에서 axios를 임포트하여 사용할 수 있습니다.

const axios = require('axios');

3. 기본 사용법

3.1. GET 요청 보내기

axios를 사용해 가장 기본적인 GET 요청을 보내는 방법은 아래와 같습니다.

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    // handle success
    console.log(response);
  })
  .catch(function (error) {
    // handle error
    console.log(error);
  })
  .finally(function () {
    // always executed
  });

여기서 axios.get() 메서드는 지정된 URL로 GET 요청을 보내고 반환된 Promise의 then 블록에서는 서버로부터 받은 응답을 처리합니다. 응답 데이터는 response.data에 포함되어 있습니다.

소스 코드 출처 : https://www.npmjs.com/package/axios


3.2. POST 요청 보내기

POST 요청은 서버에 데이터를 보내는 데 사용됩니다. axios.post() 메서드를 통해 간단히 요청할 수 있습니다.

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

POST 요청 전송

  • axios.post() 메서드를 사용하여 서버의 /user 경로로 POST 요청을 보냅니다.
  • 첫 번째 인자는 요청을 보낼 URL(/user)이고, 두 번째 인자는 요청의 본문에 포함될 데이터 객체입니다.
  • 이 예제에서는 { firstName: 'Fred', lastName: 'Flintstone' }이라는 객체가 서버에 전송됩니다.
    이 데이터는 JSON 형식으로 자동 변환되어 서버로 전송됩니다.

소스 코드 출처 : https://www.npmjs.com/package/axios


axios는 직관적이고 간단하게 HTTP 요청을 처리할 수 있는 유용한 라이브러리입니다. 각종 RESTful API와의 통신을 간편하게 할 수 있어 프론트엔드와 백엔드 개발에서 모두 널리 사용되고 있습니다.

0개의 댓글