TypeScript Getting Started

TS는 컴파일러를 사용하여 JS로 변환된다.

이는 곧 JS가 실행되는 모든 환경에서 TS가 실행된다는 것을 의미한다!

Installing the Compiler

TS에는 npm을 통해 설치할 수 있는 공식 컴파일러가 있다.

npm이란?여기에서 npm에 대해 자세히 알아보고 시작하는 방법을 알아볼 수 있다.

npm 프로젝트 내에서 다음 명령을 실행하여 컴파일러를 설치하자.

npm install typescript --save-dev

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

컴파일러는 node_modules 디렉토리에 설치되며 npx tsc로 실행할 수 있다.

npx tsc

Version 4.5.5
tsc: TypeScript Compiler - Version 4.5.5

Configuring the compiler

기본적으로 TS 컴파일러는 빈 프로젝트에서 실행될 때 도움말 메시지를 출력한다.

컴파일러는 tsconfig.json 파일을 사용하여 구성될 수 있다.

아래 예제와 같이 권장 설정으로 tsconfig.json을 생성하도록 할 수 있다.

npx tsc

Created a new tsconfig.json with:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

You can learn more at https://aka.ms/tsconfig.json

아래는 tsconfig.json 파일에 추가할 수 있는 추가 항목의 예제다.

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

편집기에서 파일을 열어 이러한 옵션을 추가할 수 있다.
해석하면: 프로젝트의 src/ 디렉토리에 있는 TS 파일을 build/ 디렉토리의 JS 파일로 변환하도록 TS 컴파일러를 구성

이것은 TS를 빠르게 시작하는 한 가지 방법이며 create-react-app template, node starter project 및 webpack plugin과 같은 다른 많은 옵션을 사용할 수 있다.