Typescript 개발환경 설정

타입스크립트를 사용하기 위해 Node.js가 설치되어있는지 확인을 해야 합니다.

 

node -v 를 입력하여 node가 설치되어 있는지 확인합니다.

 

node를 설치후 다음을 진행합니다. 

npm install typescript -g

타입스크립트 글로벌 설치

 

설치후 VScode에서 

 

tsc 파일명.ts 을 입력하면 해당  ts파일을 인식하여 같은경로에 js파일로 변환하여 생성해줍니다.

 

그 다음 해당 경로에서

 

tsconfig.json 파일을 만들어 다음을 추가합니다.

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true,
    "noImplicitAny": true
  }
}

compilerOptions 은 프로젝트에서 타입스크립트를 어떤 방식으로 이해할지 옵션을 정하는 것이라고 생각하면 됩니다.

 

"allowJS" 는 이 프로젝트에서 자바스크립트를 허용할지를 정하는 것 입니다.

"checkJS"는 자바스크립트에서 @ts-check와 같은 역할을 합니다.

  @ts-check는 자바스크립트에서 타입검사 기능을 적용하고자 할때 사용하는 기능입니다.

"noImplicitAny"는 모든 타입에 대해서 최소한 기본적인 any 타입이라도 넣으라고 지정해주는 명령어입니다.

 

 

해당 내용들은 아래 타입스크립트 공식문서에서 참고하여 공부하면 더욱 좋습니다.

 

www.typescriptlang.org/tsconfig