[TypeScript] 초기환경세팅

자바스크립트의 암묵적인 타입지정이아니라
타입스크립트의 명시적인 타입지원기능을 이용해보려한다.

 

준비

번들링(파셀,웹팩 등) 세팅이 갖추어진 프로젝트

 

타입스크립트를 위한 환경설정

1. 작업한 js폴더를 ts로 바꿔주고 index.html의 js경로도 맞춰서 수정

2.tsconfig.json 파일 만들어 옵션 설정

https://www.typescriptlang.org/tsconfig

{
    "compilerOptions":{
        "strict":true,
        "target":"ES5",
        "module":"CommonJS",
        "alwaysStrict":true,
        "noImplicitAny": true,
        "noImplicitThis": true,
        "sourceMap": true,
        "downlevelIteration": true
    }
}

noImplicitAny : True//타입을 any를 쓰지못하게 지정하라고 알려줌
sourcemap : app~.js.map처럼생긴 파일로 브라우저 개발자모드에 source메뉴에서 타입스크립트파일로 보이게함. 연결 정보. 소스의 지도 

 

3. 파셀혹은 웹팩 명령어를 실행하여 타입스크립트를 자바스크립트로 변환되는지 테스트

parcel index.html

나는 npm run dev로 설정해놨음