.eslintrc.json

{
  "env": {
    "browser": true,
    "es6": true,
    "node": true
  },
  "extends": [
    "plugin:react/recommended",
    "airbnb",
    "airbnb/hooks",
    "plugin:prettier/recommended",
    "plugin:import/typescript"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint", "react-hooks"],
  "rules": {
    // useTabs는 eslint와 prettier 충돌로 인해 false
    // endOfLine은 window와 linux에서 줄넘김이 다르므로 auto
    "no-param-reassign": 0,
    "prettier/prettier": "off",
    // 확인 필요
    "react/jsx-filename-extension": [
      1,
      { "extensions": [".tsx", ".js", ".jsx", ".tsx"] }
    ],
    // 확장자 에러 해결
    "import/extensions": [
      "error",
      "ignorePackages",
      { "ts": "never", "tsx": "never" }
    ],
    // 코드 한 줄 최대 길이
    "max-len": ["warn", { "code": 80 }],
    // 모든 함수에 명시적 반환 유형
    // "@typescript-eslint/explicit-function-return-type": ["error", { "allowExpressions": true }],
    "react-hooks/rules-of-hooks": "error",
    // 리액트 훅 관련
    "react-hooks/exhaustive-deps": "warn",
    // export const 문 쓸때 에러 내는 규칙 해제
    "import/prefer-default-export": ["off"],
    // import문 밑에 한칸 띄우기
    "import/newline-after-import": "off",
    // 사용하지 않는 변수
    "no-unused-vars": "off",
    // 버튼에 type속성 지정 안하는 거
    "react/button-has-type": "off",
    // default props off
    "react/require-default-props": "off",
    // 정의하기 전에 호출
    "no-use-before-define": "off",
    // 함수형 컴포넌트 정의 방법
    "react/function-component-definition": [
      2,
      {
        "namedComponents": "arrow-function",
        "unnamedComponents": "arrow-function"
      }
    ],
    // 버튼에 type button 안쓰고 이벤트 걸 때
    "jsx-a11y/click-events-have-key-events": "off",
    "jsx-a11y/no-static-element-interactions": "off",
    // 비대화형 요소에 이벤트yarn
    "jsx-a11y/no-noninteractive-element-interactions": "off",
    // 리턴값에서 Tag의 line을 떨어뜨리는 경우 오류내는 것을 off
    "react/react-in-jsx-scope": "off",
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": ["**/*.stories.*", "**/.storybook/**/*.*"],
        "peerDependencies": true
      }
    ],
    "react/jsx-props-no-spreading": "off",
    "react/prop-types": "off",
    "no-undef": "off",
    "no-shadow": "off",
    // prop-types X
    "import/no-unresolved": "off"
    // 경로의 파일이 unresolved 되는 일 없도록 하는 옵션
  },
  "settings": {
    "import/resolver": {
      "typescript": {},
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"],
        "paths": ["src"]
      }
    }
    // 모듈 './App'에 대한 경로를 확인할 수 없는 경우에 대한 세팅
  },
  "overrides": [
    {
      "files": ["*.js", "*.tsx", "*.ts"],
      "rules": {
        "@typescript-eslint/explicit-function-return-type": "off"
      }
    }
  ]
}