tsconfig.json

{
  "compilerOptions": {
    "outDir": "./dist", //컴파일된 파일이 저장되는 디렉토리명
    "target": "es5", //컴파일시 적용되는 자바스크립트 버전
    "module": "esnext", //어떤 모듈문법을 사용 할지 ex).import, required
    "jsx": "react-jsx", //tsx 확장자에 대한 컴파일 출력 형식 지정
    "noImplicitAny": true, //타입 추론이 어려울 경우 명시적으로 any라도 설정 해야 됨
    "allowSyntheticDefaultImports": true, //불러오려는 모듈에 export default가 없어도 import deafault 할수 있게 해주는 옵션
    "lib": ["dom", "dom.iterable", "esnext"], //컴파일 과정에 사용될 라이브러리 파일 설정
    "allowJs": true, //자바스크립트 파일 컴파일 허용
    "strict": true, //typescript의 type검사 옵션중 strict* 관련된 모든 것을 true로 변경
    "forceConsistentCasingInFileNames": true, // 파일명에 대소문자 구분하지 않아도 되는 기능 사용 여부
    "moduleResolution": "node", // 모듈 (검색)해석 방식 설정
    "isolatedModules": true, //각 파일을 분리된 모듈로 트랜스파일
    "baseUrl": "./", // Non-relativ 모듈 혹은 paths 옵션의 기준 디렉토리
    "resolveJsonModule": true, // 타입스크립트에서 json모듈 import 되도록 허용
    "downlevelIteration": true, //target이 es6 이전 버전인 경우에 이터러블 프로토콜을 사용 할 수 있도록 해줌
    "paths": {
      // baseUrl 옵션을 기준디렉토리로 불러올 모듈의 위치 설정이 가능
      "@/*": ["src/*"]
    }
  },
  "include": ["src"]
}