.eslintrc.json

{
  "parserOptions": {
    "ecmaVersion": "latest",
    "ecmaFeatures": {
      "arrowFunctions": true,
      "binaryLiterals": true,
      "blockBindings": true,
      "classes": true,
      "defaultParams": true,
      "destructuring": true,
      "forOf": true,
      "generators": true,
      "modules": true,
      "objectLiteralComputedProperties": true,
      "objectLiteralDuplicateProperties": true,
      "objectLiteralShorthandMethods": true,
      "objectLiteralShorthandProperties": true,
      "octalLiterals": true,
      "regexUFlag": true,
      "regexYFlag": true,
      "spread": true,
      "superInFunctions": true,
      "templateStrings": true,
      "unicodeCodePointEscapes": true,
      "globalReturn": true,
      "jsx": true
    }
  },
  "env": {
    "browser": true,
    "node": true,
    "commonjs": true,
    "es2022": true,
    "es6": true
  },

  "globals": { "_": true },
  "plugins": ["import", "html", "markdown", "mdx", "react"],
  "extends": ["eslint:recommended", "airbnb-base", "plugin:prettier/recommended", "plugin:react/recommended", "plugin:react/jsx-runtime"],
  "rules": {
    // "off" or 0 - turn the rule off
    // "warn" or 1 - turn the rule on as a warning (doesn’t affect exit code)
    // "error" or 2 - turn the rule on as an error (exit code is 1 when triggered)
    // "no-var": "off",
    "no-console": "warn",
    "no-plusplus": "off",
    "no-shadow": "off",
    "vars-on-top": "off",
    "no-underscore-dangle": "off", // var _foo;
    "comma-dangle": "off",
    "func-names": "off", // setTimeout(function () {}, 0);
    "prefer-template": "off",
    "no-nested-ternary": "off",
    "max-classes-per-file": "off",
    "consistent-return": "off",
    "no-restricted-syntax": ["off", "ForOfStatement"], // disallow specified syntax(ex. WithStatement)
    "prefer-arrow-callback": "error", // Require using arrow functions for callbacks
    "require-await": "error",
    "arrow-parens": ["error", "as-needed"], // a => {}
    "no-param-reassign": ["error", { "props": false }],
    "no-unused-expressions": [
      "error",
      {
        "allowTernary": true, // a || b
        "allowShortCircuit": true, // a ? b : 0
        "allowTaggedTemplates": true
      }
    ],
    "import/no-extraneous-dependencies": ["off", { "devDependencies": true }],
    "max-len": [
      "error",
      {
        "code": 300,
        "ignoreComments": true,
        "ignoreStrings": true,
        "ignoreTemplateLiterals": true
      }
    ], // prettier의 printWidth 옵션 대신 사용
    "react/prop-types": 0,
    "import/no-unresolved": 0,
    "import/extensions": 0,
    "no-return-await": 0,
    "react/display-name": 0,
    "prettier/prettier": ["error", { "endOfLine": "auto" }]
  },

  "overrides": [
    {
      "files": ["**/*.md"],
      "processor": "markdown/markdown"
    },
    {
      "files": ["**/*.mdx"],
      "extends": "plugin:mdx/recommended"
    },
    {
      "files": ["**/*.{js,jsx,mjs,cjs,ts,tsx}"],
      "plugins": ["react"]
    }
  ],

  "settings": {
    "react": {
      "version": "detect"
    }
  }
}