typescript 설정파일

 

📄 tsconfig.json

{
  "compilerOptions": {
    "esModuleInterop": true,
    "sourceMap": true,
    "lib": ["ES2020", "DOM"],
    "jsx": "react",
    "module": "esnext",
    "moduleResolution": "Node",
    "target": "es5",
    "strict": true,
    "resolveJsonModule": true,
    "baseUrl": ".",
    "paths": {
      "@hooks/*": ["hooks/*"],
      "@components/*": ["components/*"],
      "@layouts/*": ["layouts/*"],
      "@pages/*": ["pages/*"],
      "@utils/*": ["utils/*"],
      "@typings/*": ["typings/*"]
    }
  }
}

 

esModuleInterop: ES6 모듈 사양을 준수하여 CommonJS 모듈을 가져온다.

lib: 라이브러리. "ES2020", "DOM"을 사용하겠다는 뜻

jsx: "preserve", "react", "react-jsx", "react-jsxdev", "react-native" 중 선택

strict: "true"로 설정. true로 설정하지않으면 any를 남발하여 anyscript가 될 가능성이 높으므로 true로 설정하기