tsc 컴파일

 

브라우저가 타입스크립트 파일은 인식하지 못한다.
그래서 타입스크립트 파일은 js파일로 컴파일 시켜야한다.

 

 

먼저 웹팩을 이용해서 typescript를 설치해준다.

npm i typescript -g

 

시스템 레벨에 typescript가 설치가 완료됐다면

tsc index.ts

 

해당 명령어를 입력하면 js파일로 변환되는 것을 확인할 수 있다.
웹 자동화 도구를 이용해서 반복적인 명령어를 자동화 시켜서 사용하는 것이 효율적이다.

 

tsc도 컴파일을 할 때 부가적인 옵션을 줄 수 있다.
tsconfig.json 파일안에 key:value형태로 만들어 준다.

//tsconfig.json
{
    "compilerOptions": {
        "allowJS": true,
        "checkJs" : true, // js의 @ts-check
        "noImplicitAny": true //타입을 any라도 무조건 명시
    }
}

타입스크립트 설정 파일을 생성한다.
여러가지 속성에 대해서 계속 추가해 나갈 수 있다.
tsc를 돌리면 해당 옵션들을 거쳐간다.

해당 옵션 또는 다양한 옵션 확인은 공식문서를 참고하자!

속성은 그때그때 필요한 상황에서 골라 쓰도록 하자

https://www.typescriptlang.org/tsconfig

TSConfig Reference - Docs on every TSConfig option