ts.config.json 설정 알아보기

🐕 인트로

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

target : 자바스크립트를 어느 버전으로 변환할 것인지를 결정합니다.

lib : 타입스크립트에서 기본으로 지원되는 라이브러리를 명시합니다. 타입스크립트에 내장되어있어요!

다만 위와 같이 명시를 해줘야 타입스크립트가 자동완성기능같은걸 잘 수행해주네요

allow.js : 일반 자바스크립트 파일을 프로젝트에 둘것인지 아닌지를 결정합니다.

자바스크립트를 같이 사용하고 싶은 경우 true로 설정합니다.

strict : 이 옵션을 true로 설정하면 가장 엄격한 설정이 됩니다.

묵시적인 any 설정이 불가하게 됩니다.

jsx : jsx 옵션을 지원할것인지 아닌지를 결정합니다.

---

👻흥미로운 레퍼런스

https://ui.toast.com/posts/ko_20210217

올해 버려야 할 타입스크립트 나쁜 버릇 10가지

---

🐶마치며

config 지옥에서 벗어나고 싶어요 흑흑

---

이해했다고 생각할 때가 가장 무서울 때다.