[typescript] 타입스크립트와 Babel을 함께 사용하는 Nest.js 프로젝트 설정 방법

Nest.js는 타입스크립트로 개발된 프레임워크로, Babel과 함께 사용하여 더 넓은 브라우저와 기기에서 실행할 수 있도록 컴파일할 수 있습니다. 이 문서에서는 Nest.js 프로젝트에서 타입스크립트와 Babel을 함께 사용하는 방법에 대해 설명하겠습니다.

Nest.js 프로젝트 생성

먼저, Nest.js 프로젝트를 생성합니다.

$ npm install -g @nestjs/cli
$ nest new my-nest-project

Babel 및 관련 패키지 설치

다음으로, Babel 및 관련 패키지를 설치합니다.

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

Babel 구성 파일 작성

프로젝트 루트 디렉토리에 .babelrc 파일을 생성하고 다음과 같이 구성합니다.

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

타입스크립트 설정 수정

tsconfig.json 파일에서 targetmodule 옵션을 다음과 같이 수정합니다.

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    ...
  }
  ...
}

Nest.js 애플리케이션 실행

이제, Nest.js 애플리케이션을 실행하고 Babel이 TypeScript 코드를 올바르게 컴파일하는지 확인합니다.

$ npm run start

위의 설정을 따라 한다면, Nest.js 프로젝트에서 타입스크립트와 Babel을 함께 사용할 수 있습니다. 이를 통해 더 넓은 환경에서 애플리케이션을 실행할 수 있게 됩니다.

더 많은 정보를 원한다면, Nest.js와 Babel 공식 문서를 참고해보시기 바랍니다.

공식 Nest.js 문서

공식 Babel 문서

참고: TypeScript 버전에 따라 설정이 다를 수 있으니 공식 문서를 참고하는 것이 좋습니다.