.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "parser": "@typescript-eslint/parser",
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react/recommended"
  ],

  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "requireConfigFile": false
  },
  "plugins": ["react", "@typescript-eslint", "import"],

  "rules": {
    "react/react-in-jsx-scope": "off",
    "@typescript-eslint/no-unused-vars": "warn",
    "react/no-unused-state": "error",
    "no-unused-vars": "error",
    "react/jsx-no-useless-fragment": "error", // 불필요한 fragment 금지
    "react/destructuring-assignment": "error", // state, prop 등에 구조분해 할당 적용
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "array-callback-return": 0,
    "react/jsx-pascal-case": "warn", // 컴포넌트 이름은 PascalCase로
    "react/self-closing-comp": "warn", // 셀프 클로징 태그 가능하면 적용
    "react/jsx-key": "warn" // 반복문으로 생성하는 요소에 key 강제
  }
}