타입스크립트 마이그레이션

타입스크립트로 마이그레이션

npm install typescript --save-dev

yarn add typescript --dev

 

tsconfig.json을 생성하고 기본 값을 추가 (tsc --init)

 

자바스크립트 파일들을 타입스크립트 파일로 변환

tsc로 잘 적용됐는지 확인해가며 작업

 

※ 처음부터 타입을 엄격하게 적용하지 않을 것. any 타입으로 선언 후 any 타입을 더 적절한 타입으로 변경해 나갈 것

tsconfig.json

target

컴파일된 자바스크립트 코드가 어떤 ECMAScript(웹 브라우저나 다른 실행 환경에서 동작하는 스크립트) 버전과 호환되어야 하는지를 지정.

항상 최신 버전을 지정하면 좋겠지만 호환되지 않는 브라우저도 있을 수 있기에 최소를 목표로 잡는 게 좋다. 

 

noImplicitAny

true로 설정하면 any 타입으로 추론하는 것들에 대해 경고나 에러를 발생시킴.

 

allowJs

.js 확장자를 가진 JavaScript 파일도 컴파일 대상으로 인식 (js파일을 import 할 때 오류 안 나게 함)

타입스크립트 프로젝트에서 JavaScript 파일과 타입스크립트 파일을 혼합하여 사용할 수 있다.

프로젝트를 타입스크립트로 마이그레이션할 때 유용

 

files, include, exclude

files - tsc에 대한 경로를 미리 정의해놓을 수 있다. 개별 지정 (우선 순위)

include - 폴더 및 경로 지정

exclude - 변환하지 않을 폴더 경로를 지정. @types는 컴파일에 포함. 그 외 각종 config파일 추가해주면 좋음