타입스크립트는 자바스크립트 라이브러리 또는 모듈을 가져올 때, 해당 라이브러리나 모듈이 타입스크립트에 의해 어떻게 이해되는지 정의해주어야 합니다. 이를 위해, 타입 정의 파일을 포함한 방식으로 외부 라이브러리를 타입스크립트로 가져올 수 있습니다.

이 글에서는 axios 라이브러리를 타입스크립트 모듈로 가져오는 방법을 알아보겠습니다.

1. @types/ 패키지 사용

axios 라이브러리를 타입스크립트에서 사용하기 위해서는 @types/axios 패키지를 설치해야 합니다. 이 패키지는 axios 라이브러리의 타입 정의 파일을 포함하고 있어, 타입스크립트에서 axios를 사용할 때 필요한 타입 정보를 제공합니다.

// 설치 명령어
npm install @types/axios --save-dev

2. import 문 사용

타입스크립트 파일에서 axios 라이브러리를 사용하려면, 다음과 같이 import 문을 사용하여 axios를 가져와야 합니다.

import axios from 'axios';

3. 예제 코드

다음은 axios를 사용하여 GET 요청을 보내는 간단한 예제 코드입니다.

import axios from 'axios';

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

위의 코드에서 axios.get 메서드를 사용할 때, axios가 제대로 타입스크립트에 의해 이해될 수 있도록 타입 정의 파일이 제공되었기 때문에, 타입스크립트 컴파일러가 올바른 타입 검사를 수행할 수 있습니다.

axios 외에도 많은 외부 라이브러리들이 타입 정의 파일을 제공하고 있으며, 필요한 경우에는 @types/ 패키지를 활용하여 해당 라이브러리의 타입 정보를 타입스크립트로 가져올 수 있습니다.

이와 같이, 외부 라이브러리를 타입스크립트 모듈로 가져오는 방법을 알아봤습니다. 타입스크립트를 사용함으로써, 외부 라이브러리를 안전하게 활용하고 타입 정보를 유지할 수 있게 됩니다.

참고: TypeScript 공식 문서