[typescript] Babel을 사용하여 자바스크립트를 타입스크립트로 변환하는 방법

15 Dec 2023

많은 프로젝트에서 자바스크립트 코드를 타입스크립트로 마이그레이션해야하는 경우가 있습니다. 이때 Babel을 사용하여 기존의 자바스크립트 코드를 타입스크립트로 변환할 수 있습니다.

Babel과 TypeScript 소개

Babel은 자바스크립트의 최신 버전으로 작성된 코드를 이전 버전과 호환되는 코드로 변환해주는 도구입니다. 반면 TypeScript는 정적 타입을 지원하는 자바스크립트의 확장된 버전으로, Babel과 함께 사용할 수 있습니다.

Babel로 자바스크립트를 타입스크립트로 변환하려면 몇 가지 추가적인 설정이 필요합니다.

먼저, 타입스크립트 및 관련 플러그인을 설치합니다.

 npm install --save-dev @babel/preset-typescript @babel/preset-env @babel/core

프로젝트 루트에 .babelrc 파일을 만들고 다음과 같이 설정합니다.

 {
   "presets": [
     "@babel/preset-env",
     "@babel/preset-typescript"
   ]
 }

Babel CLI를 사용하여 변환 작업을 수행합니다.
```
 npx babel your-js-file.js --out-file your-ts-file.ts
```

이제 Babel을 사용하여 자바스크립트 코드를 타입스크립트로 변환할 수 있습니다.

위의 단계들로 Babel을 사용하여 자바스크립트를 타입스크립트로 변환하는 방법에 대해 알아보았습니다. 부가적인 설정이나 더 많은 정보가 필요한 경우 Babel 공식 문서를 참고하시기 바랍니다.