[JavaScript] TypeScript 사용법

[JavaScript] TypeScript 사용법

• 설치

  npm install -g typescript

• 버전 확인

  tsc -v

//-------------------

• 초기화

  tsc -init

  • tsconfig.json 파일 생성됨

//-------------------

• tsconfig.json 파일 설정 수정

"compilerOptions": {
    "target": "es2018", 
    ...
    },

"include": [
    "public/js"
],
"exclude": [
    "node_modules",
    "**/*.spec.ts"
]

//-------------------

• 컴파일(빌드)
  https://www.typescriptlang.org/docs/handbook/compiler-options.html

  • 타입스크립트를 자바스크립트 코드로 변환

  • *.ts -> *.js

    tsc test.ts

  • .ts 생략 가능, ECMAScript 버전 지정 가능

    tsc test -t ES2015

  • tsconfig.json의 설정을 적용받으려면 tsc 뒤에 파일이름을 쓰면 안된다

    tsc

  • tsc 명령은 모든 파일 무조건 다시 컴파일 한다.

//-------------------

• 파일 저장하면 자동 빌드

  tsc --watch

//-------------------

• 변경된 파일만 빌드
  tsc 명령은 모든 *.ts파일을 컴파일 한다
  • 컴파일러가 모든 타입을 알아야 하기 때문이다
  • 변경된 파일만 컴파일하고 싶다면 --watch 옵션을 사용해야 한다

    tsc -watch

//-------------------

• 기존 작성된 자바스크립트 파일의 함수 사용하기

  declare var library_function: any;

//--------------
// 참고
https://poiemaweb.com/typescript-introduction