TS) tsconfig 설정

빠르게 시작하기

npm install -g typescript // window인 경우
sudo npm install -g typescript // Mac인 경우

빠르게 설치 해줍시다!
물론, 이전에 node.js가 설치 되어있어야합니다.

작업폴더 만들기

  1. index.ts 파일을 만듭시다.
  2. tsc --init 를 통해 tsconfig.json 파일을 생성해줍시다.
  3. index.js 파일은 따로 만드실 필요없습니다. CLI로 tsc -w 를 하면, 자동으로 타입스크립트 파일을 컴파일하여 index.js가 생성됩니다.
    index.html 파일에서, script src의 경로로 index.js 파일을 입력해야합니다. 브라우저는 typescript를 해석하지 못하기 때문에, ts -> js로 컴파일된 index.js 를 사용합니다.

config 설정

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
    }
}

아주 기본으로 쓰는 설정입니다. 아마 init을 통해 생성하면, 여러가지 옵션들이 주석처리된 상태로 생성되긴 합니다.

commonjs는 require 문법
es2015, esnext는 import 문법을 사용합니다.

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "noImplicitAny": true, // any타입을 입력했을 때 에러띄워줌
        "strictNullChecks": true // null,undefined 타입을 조작하면 에러
    }
}

위 설정 대로 설정해도 좋습니다.

더 많은 설정,정보는 아래 링크를 참고해주세요
https://www.typescriptlang.org/tsconfig

좋은 웹페이지 즐겨찾기