[javascript] Axios를 사용하여 RESTful API 호출하기

RESTful API는 웹 애플리케이션과 서버 간의 통신을 위한 일반적인 방법입니다. 이 문서에서는 JavaScript의 Axios 라이브러리를 사용하여 RESTful API를 호출하는 방법에 대해 알아보겠습니다.

Axios란?

Axios는 JavaScript에서 HTTP 요청을 보내는 데 사용되는 간단하고 유연한 라이브러리입니다. Axios는 브라우저 및 Node.js에서 모두 사용할 수 있으며, Promise 기반 API를 제공하여 간편하게 비동기 요청을 처리할 수 있습니다.

설치하기

npm을 사용하여 Axios를 설치할 수 있습니다. 다음 명령어를 사용하세요.

npm install axios

RESTful API 호출하기

Axios를 사용하여 RESTful API를 호출하는 방법은 아래와 같습니다.

const axios = require('axios');

// GET 요청
axios.get('https://api.example.com/posts')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// POST 요청
axios.post('https://api.example.com/posts', { title: '제목', content: '내용' })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

위의 예제에서는 axios.getaxios.post 함수를 사용하여 GET 및 POST 요청을 보내는 방법을 보여줍니다. response.data를 통해 서버로부터 받은 데이터에 접근할 수 있습니다. 또한 .then.catch를 사용하여 비동기 요청의 성공과 실패에 대한 처리를 할 수 있습니다.

자세한 Axios의 사용법은 Axios 공식 문서를 참조하세요.

요약

Axios는 JavaScript에서 RESTful API를 호출하는 데 사용되는 간단하고 강력한 라이브러리입니다. 이 문서에서는 Axios를 설치하고, GET 및 POST 요청을 보내는 방법을 알아보았습니다. Axios의 다양한 기능과 옵션에 대해서는 공식 문서를 참조하는 것이 좋습니다.