.eslintrc.json

{
  "extends": ["airbnb", "plugin:prettier/recommended"],
  "plugins": ["prettier"],
  "env": {
    "browser": true,
    "es2021": true
  },
  "parserOptions": {
    "ecmaVersion": 2021, // 최신 ECMAScript 2021 구문 지원
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true // JSX 지원
    }
  },
  "rules": {
    // 필요에 따라 추가 규칙을 설정할 수 있습니다.
    "prettier/prettier": ["error", { "endOfLine": "auto" }],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    "import/no-unresolved": "off", // 존재하지 않는 모듈 검사 (Webpack(alias path)를 사용중이므로 예외처리)
    "react/react-in-jsx-scope": "off", // React 17+ 에서는 알아서 import react from 'react' 를 해줍니다
    "no-unused-vars": "off", // 사용하지 않는 변수 작성에 대한 설정
    "react/jsx-props-no-spreading": "off", // {...props} 프롭스에 대해 spreading 설정
    "react/function-component-definition": "off", // React 컴포넌트를 함수 선언 강제
    "react/require-default-props": "off", // props 기본값 설정이 복잡해짐
    "no-console": ["error", { "allow": ["warn", "error"] }] // api등 사용에 있어서 warn과 error가 필요하고, 디버깅 목적으로도 필요
  }
}