TypeScript 개발환경 구축

1. Node.js와 Yarn 설치

먼저 Node.js와 Yarn을 설치한다. Node.js 공식 웹사이트에서 Node.js를 다운로드하고 설치한 후, Yarn 웹사이트에서 Yarn을 다운로드하고 설치.

2. 프로젝트 초기화

프로젝트 디렉토리를 생성하고 해당 디렉토리로 이동한 후 아래 명령어를 실행하여 package.json 파일을 초기화한다.

yarn init -y

3. TypeScript 및 개발 의존성 설치

TypeScript와 개발 서버를 설치한다.

yarn add --dev typescript nodemon

4. tsconfig.json 설정

TypeScript 설정 파일인 tsconfig.json을 프로젝트 루트 디렉토리에 만들고 필요한 설정을 추가한다.

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

5. 스크립트 추가

package.json 파일에 TypeScript 컴파일 및 실행을 위한 스크립트를 추가한다.

{
  "scripts": {
    "start": "nodemon --exec ts-node src/index.ts",
    "build": "tsc"
  }
}

6. 소스 코드 작성

src 디렉토리에 TypeScript 파일을 만들고 코드를 작성한다. 예를 들어, src/index.ts에 메인 애플리케이션 코드를 작성할 수 있다.

7. 코드 실행

터미널에서 아래 명령어를 실행하여 TypeScript 코드를 실행한다.

yarn start

이제 Yarn을 사용하여 TypeScript 개발환경이 구축 완료 되었다.

참조

https://www.typescriptlang.org/ko/