나의 Typescript 입문기 2 - tsc 와 tdconfig

 

Typescript를 브라우저가 지원하지 않기 때문에, TypeScript 컴파일러로 .ts 파일을 .js 파일로 변환하는 과정을 거친다. 

tsc는 TypeScript 파일(.ts)을 .js 파일로 트랜스파일링(Transpiling)한다.

config 파일을 작성하여, 컴파일 옵션을 설정할 수 있다.

 

 

.ts 파일을 .js 파일로 프랜스파일링

 

타입스크립트 타입 및 컴파일 설정

.d.ts

기존에 정의 되지않은 모듈의 타입 정보를 별도로 선언할 수 있는 설정 문서이다.

타입스크립트 커뮤니티에서는 dom 관련 타입 등 자주 사용되는 타입들을 정의해 놓은 문서를 공유한다.

(내가 정의하지 않은 타입에 대해서는 라이브러리 업데이트 시 명칭이 변경되거나 삭제 될 수 있기 때문에 사용 시 주의)

 

tsconfig.json

타입스크립트 라이브러리 관련 설정을 하는 문서

 

//tsconfig.json

{
    "compilerOption" : {
        "strict" : true // 기본
    },
    "include": [], // 포함 "test.ts"
    "exclude": [], // 제외 "*.js"
    "extends": "" // 다른 프로젝트에서 공통으로 해당 config 를 적용하고 싶을 때 
}

 

기본적인 구조는 다음과 같으며, compilerOption 항목에서는 여러가지 컴파일 설정이 가능하다.

• Js, jsx(리액트), lib(ES3, 5, 6..) 컴파일 여부
• 모듈시스템
• 경로
• d.ts 생성 등