[ typescript ] 타입스크립트 설정 파일(tsconfig.json) 생성 및 사용 방법

타입스크립트 설정 파일

• ts파일을 매번 js 파일로 컴파일하는 과정은 번거롭다.
• 여러가지 방법을 통해서 자동으로 컴파일 하도록 할 수 있다.
• 타입스크립트를 사용한다면 '웹 팩'을 알고 있으면 좋다.
• 매번 js파일로 컴파일하는 것보다 '웹 팩'을 이용하면 좋다.
• tsc 로 타입스트립트 파일을 컴파일할 때 부가적으로
  옵션들을 줄 수 있는데 그 옵션들을 정의하는 파일이
  바로 getting-started 밑에 tsconfig.json 파일을
  만들어서 이 안에 key value 형태로 만들어주면 된다.

tsconfig.json 작성 방법

key value 형태로 정의한다.

• 컴파일할 때 부가적인 옵션들
• 프로젝트를 타입스크립트로 변환할 때, 타입스크립트가
  이 프로젝트를 어떻게 이해할지에 대해서 정의할 수 있다.
• compilerOptions를 정의

"allowJs": true,

• 자바스크립트를 허용하겠다. 라는 의미

"checkJs": true,

• @ts-check
• 자바스크립트에서 타입스크립트처럼 사용하겠다.
• 타입 검사 기능을 자바스크립트에 녹여내겠다.
• @ts-check 기능을 똑같이 사용하겠다는 의미의 설정

noImplicitAny: true

• 모든 타입에 대해서 최소한 any라고 하는 정말
  기본적인 타입이라도 넣어야 한다는 설정

이런식으로 타입스크립트 설정파일을 생성해서
여러가지 속성들에 대해 계속 추가할 수 있다.

• 해당 프로젝트를 기준으로 tsc를 돌리게 되면
  tsc에 해당하는 파일을 가지고 컴파일 옵션들로
  변환을 하게 된다.

Chrome typescript 공식 문서에서 확인할 부분

• typescriptlang.org
• 맨 오른쪽에서 Tools
• TSConfig Reference 클릭

  모든 Options에 대해서 자세하게 정의되어 있다.

추후 공부할 내용

• 자바스크립트를 타입스트립트로 변환할 때
  어떤 설정들을 해주면 좋은지에 대해서.

타입스크립트 프로젝트 관리

• index.ts 파일 생성
• ts 파일을 js 파일로 컴파일
• 타입스크립트 설정 파일