[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

 

반응형
Posted by codens