tsconfig.json

{
  "compilerOptions": {
    "esModuleInterop": true, // import * as React from 'react';
    "sourceMap": true, // 디버깅
    "lib": ["ES2020", "DOM"], // 최신 문법과 DOM
    "jsx": "react", // jsx 문법이 react에서 사용된다고 알려줌
    "module": "esnext", // 최신 모듈
    "moduleResolution": "Node", // 최신 모듈(import, export)를 노드가 해석할 수 있게 함
    "target": "es5", // es5 문법으로 변환
    "strict": true,
    "resolveJsonModule": true, // .json을 import 할 수 있도록 함
    "baseUrl": ".", // 절대 경로처럼 편하게 import 하기 위한 설정들
    "paths": { // 절대 경로처럼 편하게 import 하기 위한 설정들
      "@hooks/*": ["hooks/*"],
      "@components/*": ["components/*"],
      "@layouts/*": ["layouts/*"],
      "@pages/*": ["pages/*"],
      "@utils/*": ["utils/*"],
      "@typings/*": ["typings/*"]
    }
  }
}