웹 애플리케이션을 개발하다 보면 서버에 대해 인증된 HTTP 요청을 보내야 하는 경우가 있습니다. 이때 Axios를 사용하면 간단하게 인증된 요청을 보낼 수 있습니다.

이번 글에서는 TypeScript로 Axios를 사용하여 어떻게 인증된 HTTP 요청을 보낼 수 있는지 살펴보겠습니다.

Axios 라이브러리 설치하기

가장 먼저 Axios를 설치해야 합니다. npm을 사용하여 다음과 같이 설치할 수 있습니다.

npm install axios

Axios를 사용하여 인증된 HTTP 요청 보내기

다음은 Axios를 사용하여 HTTP GET 요청을 보내는 간단한 예제입니다. 여기서 config 객체를 사용하여 요청에 대한 구성을 정의하고, headers 속성을 사용하여 인증 토큰을 포함시킬 수 있습니다.

import axios, { AxiosRequestConfig } from 'axios';

const config: AxiosRequestConfig = {
  headers: {
    Authorization: 'Bearer <your_auth_token>'
  }
};

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

위 예제에서 <your_auth_token> 부분을 실제 사용하고 있는 인증 토큰으로 대체해야 합니다.

마무리

이렇게하면 Axios를 사용하여 간단히 인증된 HTTP 요청을 보낼 수 있습니다. Axios는 HTTP 클라이언트를 위한 강력한 도구이며, 인증된 요청뿐만 아니라 다양한 HTTP 요청을 보내는 데 유용하게 사용될 수 있습니다.

더 자세한 정보는 Axios 공식 문서를 참고할 수 있습니다.