본 포스트에서는 타입스크립트로 RESTful API를 어떻게 연동하는지에 대해 알아보겠습니다.

1. Axios 라이브러리 설치

가장 일반적인 방법은 HTTP 클라이언트 라이브러리인 Axios를 사용하는 것입니다. Axios는 간편한 API를 제공하여 서버에 HTTP 요청을 보내고 응답을 수신할 수 있습니다.

npm install axios

2. 타입스크립트와 함께 Axios 사용하기

타입스크립트와 함께 Axios를 사용하려면 @types/axios를 설치하여 타입 정의를 가져와야 합니다.

npm install @types/axios

그리고 아래와 같이 타입스크립트 파일에서 Axios를 import하여 사용할 수 있습니다.

import axios, { AxiosResponse, AxiosError } from 'axios';

3. Axios를 사용한 RESTful API 요청 예제

이제 Axios를 사용하여 RESTful API에 요청을 보내는 방법을 살펴보겠습니다.

GET 요청

axios.get('https://jsonplaceholder.typicode.com/posts/1')
  .then((response: AxiosResponse) => {
    console.log(response.data);
  })
  .catch((error: AxiosError) => {
    console.error(error);
  });

POST 요청

axios.post('https://jsonplaceholder.typicode.com/posts', {
    title: 'foo',
    body: 'bar',
    userId: 1
  })
  .then((response: AxiosResponse) => {
    console.log(response.data);
  })
  .catch((error: AxiosError) => {
    console.error(error);
  });

결론

이제 타입스크립트와 Axios를 사용하여 RESTful API를 손쉽게 연동하는 방법을 알게 되었습니다. 이를 통해 타입스크립트 프로젝트에서 안정적이고 형식화된 API 요청을 보낼 수 있습니다.

더 많은 정보를 찾으려면 Axios 공식 문서를 참조하세요.