2. 타입스크립트 시작해보기

1. 컴파일러

• ts파일을 js 파일로 변환하는 작업

• 변환하고자 하는 파일의 상위 폴더로 터미널을 이동합니다.

• Node가 설치되어 있어야 합니다.

• 타입스크립트 라이브러리를 설치합니다. ( tsc라는 명령어를 활용할 수 있게 됩니다. )

npm i typescript -g

tsc index.ts

• tsc 명령어를 이용해 ts파일을 js파일로 변환하게 되면 같은 경로에 index.js가 변환되어서 파일이 생성됩니다.
• 매번 돌려주는 것보다 웹펙 모듈 번들러를 사용하게 되면 자동화를 할 수 있게 됩니다.

2. 타입스크립트 설정 파일

• tsc 명령어를 활용해서 타입스크립트 파일을 변환할 때 부가적인 옵션을 줄 수 있는데 이 때에는 같은 경로 안에 tsconfing.json라는 파일을 생성해서 key:value 형태로 정의해주면 됩니다.
• tsconfig.json

{
  "compilerOptions" : {
    "allowJs" : true, // 이 프로젝트안에 자바스크립트를 허용하기
    "checkJs" : true, // @ts-check의 기능
    "noImplicitAny": true // 모든 Type에 대해서 최소한 Any라는 기본적인 타입이라도 넣어야 한다라는 것을 설정
  }
}

• 공식사이트에서 tsconfig.json 레퍼런스를 참고해서 사용하면 됩니다.

3. 타입스크립트 플레이그라운드 사이트

• https://www.typescriptlang.org/play ( 공식 문서에서 제공하고 있습니다. )
• 간단하게 타입스크립트 코드를 웹에서 작성하고 컴파일된 결과를 실시간으로 확인할 수 있습니다.
• 바벨 기능도 추가하여 코드를 변환할 수 있습니다.