타입스크립트를 실행하기 위해서는 nodejs가 설치되어 있어야 한다. 그리고 원하는 폴더로 가서 설정을 시작한다.

npm init -y

타입스크립트 라이브러리를 설치 한다.

npm i typescript -D

타입스크립트 설정 폴더를 만든다. tsconfig.json

설정파일에 이렇게 넣어준다.

{
  "compilerOptions": {
    "target": "es6",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "commonjs",
    "outDir": "dist",
    "rootDir": "src"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

타입스크립트를 자바스크립트로 컴파일 하기.

tsconfig가 있으면 tsc 라는 명령어를 입력했을때 tsconfig옵션들을 바탕으로 컴파일이 실행된다.

package.json 에 스크립트 명령어를 지정해놓고 ts ⇒ js 로 컴파일을 시킨다.

"scripts": {
    "ts": "tsc --build"
  },

<aside> 💡 하지만 매번 컴파일을 실행할 수 없기 때문에 —watch라는 감지 명령어를 추가해 준다.

</aside>

"scripts": {
    "ts": "tsc --build -w"
  },