tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true, // 타입스크립트 프로젝트에 자바스크립트 파일을 포함할 수 있게 설정
    "checkJs": false, // 자바스크립트 파일에서도 타입 검사를 수행할지의 여부
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx" // 타입스크립트 프로젝트에서 jsx를 사용하려면 jsx 옵션을 반드시 설정해야 해요. 이때 `react` 혹은 `react-jsx`로 설정할 수 있는데, 최신 리액트 기능을 활용하기 위해 `react-jsx` 옵션을 권장해요
  },

  // 타입스크립트는 기본적으로 SVG 파일을 인식하지 못하기 때문에 타입스크립트 설정 파일(tsconfig.json)과 타입 선언 파일(*.d.ts)을 추가해야 해요.
  // 타입스크립트 컴파일러가 우리가 루트 디렉토리에 별도로 추가한 declarations.d.ts 파일을 인식하고 타입 선언을 적용할 수 있도록 include 목록에 추가해 주세요.
  "include": ["src/**/*", "declarations.d.ts"]
}