.eslintrc.json

{
    "parser": "@typescript-eslint/parser",
    "plugins": ["@typescript-eslint", "prettier"],
    "settings": {
        "import/resolver": {
            "node": {
                "paths": ["src"] //절대경로 설정
            }
        }
    },
    "extends": [
        "airbnb",
        "airbnb/hooks",
        "plugin:import/errors",
        "plugin:import/warnings",
        "plugin:prettier/recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "rules": {
        "import/no-extraneous-dependencies": "off",
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": "warn",
        "prettier/prettier": 0,
        "no-param-reassign": 0, // slice 재할당오류 안뜨게
        "no-alert": "off", // alert 오류 끄기
        "import/no-unresolved": "off",
        "import/prefer-default-export": "off",
        "react/jsx-props-no-spreading": "off",
        "react/prop-types": "off",
        "react/jsx-no-bind": [
            "warn",
            {
                "ignoreDOMComponents": false,
                "ignoreRefs": false,
                "allowArrowFunctions": true,
                "allowFunctions": true,
                "allowBind": false
            }
        ],
        "react/jsx-uses-react": "off",
        "react/react-in-jsx-scope": "off",
        "react/button-has-type": "off",
        "react/jsx-filename-extension": ["warn", { "extensions": [".ts", ".tsx"] }],
        "import/extensions": [
            "error",
            "ignorePackages",
            {
                "js": "never",
                "jsx": "never",
                "ts": "never",
                "tsx": "never",
                "": "never"
            }
        ],
        "jsx-a11y/label-has-associated-control": [
            2,
            {
                "labelAttributes": ["htmlFor"]
            }
        ]
    }
}