tsconfig.json

{
  // 컴파일 대상 지정
  "exclude": [".github", "build", "node_modules", "public"],
  "include": ["*.ts", "*.tsx", "src"],
  // 컴파일 설정
  "compilerOptions": {
    // Language and Environment
    "target": "ESNext",
    "lib": ["dom", "dom.iterable", "ESNext"], // 컴파일 과정에 사용될 라이브러리 파일 설정
    "jsx": "react-jsx",
    // Modules
    "module": "ESNext",
    "moduleResolution": "node",
    "isolatedModules": true, // 각 파일을 별도 모듈로 변환
    "resolveJsonModule": true, // json의 타입을 자동 설정하여 변환 작업없이 ts에서 곧바로 사용
    "allowSyntheticDefaultImports": true, // 기본 출력(default export)이 없는 모듈로부터 기본 호출을 허용 (이 코드는 단지 유형 검사만 수행)
    "baseUrl": ".",
    "paths": {
      "@src/*": ["src/*"]
    },
    // Interop Constraints
    "esModuleInterop": true, // 모든 가져오기에 대한 네임스페이스 객체 생성을 통해 CommonJS와 ES 모듈 간의 상호 운용성을 제공
    "forceConsistentCasingInFileNames": true, // 파일명 대소문자 판별
    // JavaScript Support
    "allowJs": true, // TypeScript 프로젝트에서 js 파일 사용
    "checkJs": true, // js 파일에서도 에러 체크
    // Emit
    "noEmit": true, // js 변환 파일을 생성하지 않음
    // Type Checking
    "strict": true, // strict mode family 프로퍼티들을 전부 true로 지정
    "noFallthroughCasesInSwitch": true, // switch문 이상하면 에러내기
    // Completeness
    "skipLibCheck": true // 선언 파일 유형 검사 스킵
  }
}