[javascript] Axios를 사용하여 HTTP 요청하기
Axios는 JavaScript에서 강력한 HTTP 클라이언트 라이브러리입니다. 이 라이브러리를 사용하면 편리하고 간편하게 HTTP 요청을 보낼 수 있습니다. 이번 블로그 포스트에서는 Axios를 사용하여 HTTP 요청하는 방법을 알아보겠습니다.
Axios 설치하기
먼저, Axios를 사용하기 위해 라이브러리를 설치해야 합니다. npm을 사용하는 경우 다음 명령어를 실행하여 Axios를 설치할 수 있습니다:
npm install axios
Axios를 사용하여 GET 요청 보내기
Axios를 사용하여 GET 요청을 보내는 방법은 매우 간단합니다. 다음은 예제 코드입니다:
const axios = require('axios');
axios.get('https://api.example.com/posts')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
Axios의 get 함수를 사용하여 GET 요청을 보낼 수 있습니다. 요청이 성공하면 .then 블록이 실행되고 응답 데이터는 response.data로 접근할 수 있습니다. 그렇지 않은 경우 .catch 블록이 실행되고 에러가 출력됩니다.
Axios를 사용하여 POST 요청 보내기
POST 요청을 보내는 방법도 간단합니다. 아래 예제 코드를 참고해주세요:
const axios = require('axios');
axios.post('https://api.example.com/posts', {
title: 'New Post',
body: 'This is the content of the new post',
userId: 1
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
Axios의 post 함수를 사용하여 POST 요청을 보낼 수 있습니다. 요청 본문은 두 번째 매개변수로 전달되며, 이 예제에서는 JSON 형식의 객체로 전달하였습니다.
Axios를 사용하여 HTTP 요청 설정하기
Axios는 기본적으로 많은 유용한 기능을 제공합니다. 그 중 일부는 다음과 같습니다:
- 요청 헤더 설정하기:
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token - 요청 타임아웃 설정하기:
axios.defaults.timeout = 5000 - 응답 데이터 변환하기:
axios.defaults.transformResponse = data => JSON.parse(data)
이외에도 다양한 설정 옵션을 제공하며, Axios 공식 문서를 참조하시면 더 많은 정보를 얻을 수 있습니다.