Typescript 설치 및 설정

이동환·2021년 1월 11일
2

TIL

목록 보기
56/74

Typescript 설치

$ yarn global add typescript
// or
$ npm install typescript -g

Typescript 설정하기

tsc --init
// tsc --init 명령어를 입력하면 tsconfig.json 파일이 자동생성된다.
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "outDir": "./dist"
  }
}
//target: 컴파일된 코드가 어떤 환경에서 실행될 지 정의합니다.
//예를들어서 화살표 함수를 사용하고 target 을 es5 로 한다면 일반 //function 키워드를 사용하는 함수로 변환을 해줍니다. 
//하지만 이를 es6 로 설정한다면 화살표 함수를 그대로 유지해줍니다.
//module: 컴파일된 코드가 어떤 모듈 시스템을 사용할지 정의합니다. 
//예를 들어서 이 값을 common 으로 하면 export default Sample 을 //하게 됐을 때 
//컴파일 된 코드에서는 exports.default = helloWorld 로 변환해주지만
//이 값을 es2015 로 하면 export default Sample 을 그대로 유지하게 됩니다.
//strict: 모든 타입 체킹 옵션을 활성화한다는 것을 의미합니다.
//esModuleInterop: commonjs 모듈 형태로 이루어진 파일을 es2015 모듈 형태로 불러올 수 있게 해줍니다. 

(출처)

profile
UX를 개선하는것을 즐기고 새로운것을 배우는것을 좋아하는 개발자입니다.

0개의 댓글