🛠 TypeScript Essential - 1. tsconfig.json

🐱‍🏍 목표

• tsconfig.json

---

📌 1. tsconfig.json

• tsconfig.json 파일은 프로젝트를 컴파일 하는데 필요한 루트 파일과 컴파일러 옵션을 지정

{
 ...Top Level
 "compilerOptions": {...},
 "watchOptions": {...},
 "typeAcquisition": {...}
}

• 무수히 많은 컴파일러 옵션들이 존재
• 공식 가이드 문서 참고하며, 기호에 맞는 프로젝트 설정
• 타입스크립트_tsconfing

1-1) 대표 설정 알아보기

{
  "compilerOptions": {
    "strict": true,
    "target": "ES5",
    "module": "CommonJS",
    "alwaysStrict": true,
    "noImplicitAny": true,
    "noImplicitThis": true,
    "sourceMap": true,
    "downlevelIteration": true
  } 
}

1. strict

• TypeScript에서 지정한 엄격한 규칙 세트
• default: false
• Inputs: true / false

2. target

• 사용하고자 하는 JavaScript 버전 설정
• default: ES3 / 권장: ES6
• Inputs: ECMAScript

3. module

• ES2015에 등장한 모듈 개념
• 사용하고자 하는 모듈 시스템
• default: CommonJS,
  (target이 ES3, ES5, ES6이어야 함)
• Inputs: JavaScript Module System

4. alwayStrict

• 모듈 파일을 'use strict' 모드로 검사
• default: strict 속성에 따라 바뀜
• Inputs: true / false

5. sourceMap

• TS에서 JS로 변환된 파일 이외에, 개발자가 작성한 원본 TS 코드를 보고 싶을 때 사용
• 해당 옵션이 true, 개발자 도구에서 확인 가능
• default: false
• Inputs: true / false

---

참고

패스트캠퍼스 김민태의 프론트엔드 아카데미