Axios는 JavaScript에서 HTTP 요청을 보내기 위한 강력한 라이브러리입니다. 이 블로그 포스트에서는 Axios의 인스턴스를 생성하고 설정하는 방법에 대해 알아보겠습니다.

Axios 설치하기

Axios를 사용하기 위해 먼저 설치해야 합니다. npm을 사용한다면 아래 명령어를 실행하여 Axios를 설치할 수 있습니다.

npm install axios

이제 Axios를 프로젝트에서 사용할 수 있게 되었습니다.

Axios 인스턴스 생성하기

Axios의 인스턴스를 생성하려면 axios를 import 한 뒤에 create 메소드를 호출해야 합니다. 다음 코드 예제를 통해 인스턴스 생성 방법을 살펴봅시다.

import axios from 'axios';

const instance = axios.create();

이렇게 하면 Axios의 인스턴스가 생성되고, 해당 인스턴스를 통해 다양한 설정을 할 수 있습니다.

Axios 인스턴스 설정하기

Axios 인스턴스를 생성한 후에는 자주 사용되는 설정을 추가할 수 있습니다. 아래 예제를 참고하여 설정하는 방법을 알아봅시다.

import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json',
  },
});

위 코드에서는 base URL, timeout 및 headers와 같은 설정을 추가했습니다. baseURL은 요청의 기본 URL을 지정하고, timeout은 요청이 실패할 경우 기다리는 시간을 나타냅니다.

또한 headers를 통해 특정 요청에 대한 헤더를 설정할 수 있습니다. 위 예제에서는 JSON 형식의 컨텐트 타입을 설정하였습니다.

Axios 인스턴스를 생성하고 설정하면 해당 인스턴스를 사용하여 HTTP 요청을 보낼 수 있습니다. Axios의 다양한 기능과 옵션을 활용하여 프로젝트에서 효율적으로 HTTP 요청을 처리할 수 있습니다.

참고 자료

• Axios 공식 문서
• Axios GitHub 저장소