.eslintrc.json

{
  "parser": "@typescript-eslint/parser", // typescript 전용 parser로 지정
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "env": {
    "node": true, // node 사용 OK
    "browser": true, // browser 인식 Ok
    "es6": true, // es6 버전사용 OK
    "commonjs": true
  },
  "plugins": [
    "@typescript-eslint",
    "prettier",
    "react",
    "react-hooks",
    "import",
    "jsx-a11y"
  ],
  "extends": [
    "eslint:recommended",
    "airbnb",
    "plugin:react/recommended",
    "prettier",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:testing-library/react",
    "next/core-web-vitals"
  ], //plugin과 extends로 적용된 규칙에 덮어씌워져서 강제 설정할 수 있는 부분
  "rules": {
    "prettier/prettier": 0,
    "arrow-body-style": "off",
    "prefer-arrow-callback": "off",
    "react/react-in-jsx-scope": "off",
    "react/prefer-stateless-function": 0,
    "react/jsx-one-expression-per-line": 0,
    "react/jsx-filename-extension": "off", // <> </>쓰는 것을 방지
    "no-unused-expressions": 0,
    "import/extensions": ["off"],
    "import/no-unresolved": "off",
    "import/prefer-default-export": "off",
    "@typescript-eslint/no-var-requires": "off", // require 사용을 방지
    "@typescript-eslint/explicit-module-boundary-types": "off", //values returned from a module are of the expected type.
    "no-nested-ternary": "off", // 삼항연산안에 또 삼항연산 하는 것을 방지
    "spaced-comment": "off", // 주석 쓰는 것 방지
    "no-unused-variable": "off", // 사용되지 않는 변수가 있는 것을 방지
    "@typescript-eslint/no-non-null-assertion": "off",
    "react/prop-types": "off",
    "react/jsx-props-no-spreading": "off", // spread 연산자 사용을 방지
    "camelcase": "off", // camelcase만 써야함
    "no-use-before-define": "off", // 정의 되기 전에 사용하는 것을 방지
    "@typescript-eslint/no-inferrable-types": "off", // 초기값 할당하는 경우 type 명시를 방지
    "react/require-default-props": "off", // props에 undefined 들어가는 것을 방지
    "jsx-a11y/accessible-emoji": "off", // emoji 대신 img 태그 사용
    "jsx-a11y/no-static-element-interactions": "off", // html tag에서 event handler있을 때 role props도 있어야 함
    "jsx-a11y/click-events-have-key-events": "off", // non-interactive한 tag의 경우 클릭 이벤트가 있을 때 keyboard 이벤트도 함께 있어야 함
    "react/function-component-definition": "off", // arrow function 사용 허용
    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }], // devDependencies 모듈 사용 허용
    "testing-library/await-async-query": "error",
    "testing-library/no-await-sync-query": "error",
    "testing-library/no-debugging-utils": "warn",
    "testing-library/no-dom-import": "off",
    "@typescript-eslint/no-namespace": "off",
    "consistent-return": "off",
    "global-require": "off"
  },
  "settings": {
    "react": {
      "version": "detect"
    },
    "import/resolver": {
      "typescript": {
        "project": "."
      }
    }
  },
  "overrides": [
    {
      "files": ["**/tests/**/*", "**/*.(spec|test).*"],
      "env": {
        "jest": true
      },
      "plugins": ["jest-dom", "testing-library"],
      "extends": ["plugin:jest-dom/recommended", "plugin:testing-library/react"]
    } // test 파일에만 testing-libaray plugin 적용하도록 설정
  ]
}