.eslintrc.cjs

module.exports = {
  root: true,
  env: { browser: true, es2020: true },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "plugin:unicorn/recommended",
    "plugin:prettier/recommended",
  ],
  ignorePatterns: ["dist", ".eslintrc.cjs", "vite.config.ts"],
  parser: "@typescript-eslint/parser",
  plugins: [
    "@typescript-eslint",
    "react",
    "react-refresh",
    "unicorn",
    "prettier",
  ],
  rules: {
    "prettier/prettier": [
      "error",
      {
        endOfLine: "auto",
      },
    ], // prettier 룰에 어긋난 부분은 에러로 처리
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ], // 기본 설정
    "react/jsx-tag-spacing": [
      "error",
      {
        closingSlash: "never",
        beforeSelfClosing: "always",
        afterOpening: "never",
        beforeClosing: "never",
      },
    ],
    "react/self-closing-comp": "error",
    "react/display-name": "off",
    "react/react-in-jsx-scope": "off",

    curly: "error", // 중괄호 생략 금지
    "no-var": "error", // var 금지
    "no-multiple-empty-lines": "error", // 2줄 이상 공백 금지
    "no-console": ["warn", { allow: ["warn", "error", "info"] }], // console.log() 경고
    "dot-notation": "error", // 가능하다면 dot notation 사용
    "no-unused-vars": "warn", // 사용하지 않는 변수 경고
    "no-var": "error", // var 금지
    "no-empty": "warn", // 중괄호 안에 아무것도 들어가있지 않으면 경고
    "padding-line-between-statements": [
      "error",
      { blankLine: "always", prev: "case", next: "*" },
      { blankLine: "always", prev: "*", next: "case" },
    ], // switch case문에서 case마다 줄바꿈
    "no-constant-condition": "warn", // if문의 조건같은 부분에 true나 false같이 변하지 않는 값이 들어가는 것 금지
    "sort-vars": "error", // 변수 알파벳 순서로 정렬
    quotes: [
      "error",
      "double",
      { avoidEscape: true, allowTemplateLiterals: true },
    ], // 문자열 내에 따옴표가 포함될 경우 템플릿 리터럴을 사용
    "prefer-template": "error", // 문자열을 연결할 때 문자열 연결 연산자(+) 금지
    "arrow-parens": ["error", "as-needed"], // 매개변수가 단일 매개변수라면 소괄호 생략
    "no-undef": "off", // CommonJS, ES 모듈 관련 린트

    "unicorn/filename-case": [
      "error",
      {
        case: "camelCase",
        ignore: [
          "App.tsx",
          "vite-env.d.ts",
          "next-env.d.ts",
          "global-error.tsx",
          /^vendor/i,
        ],
      },
    ], // 파일명은 camelCase
    "unicorn/prevent-abbreviations": "off", //축약어 사용피하도록 권장 off
    "unicorn/no-null": "off", //null 값의 사용을 피하도록 권장 off
    "unicorn/prefer-query-selector": "off", //querySelector메서드의 사용을 getElementById, getElementsByClassName 등 대신 권장하는 규칙 off
    "unicorn/better-regex": "off", //더 간결하고 명확한 정규 표현식을 사용하도록 권장하는 규칙 off
    "unicorn/no-useless-undefined": "off", //불필요하게 undefined를 반환하거나 설정하는 것을 방지하는 규칙 off
    "unicorn/prefer-module": "off", // 축약어 사용 방지하는 규칙 off
    "unicorn/consistent-function-scoping": "off", // ??
    "unicorn/no-process-exit": "off", // process.exit() 허용
    "unicorn/switch-case-braces": "off",
    "unicorn/catch-error-name": "off",
    "unicorn/prefer-spread": "off",
    "unicorn/no-lonely-if": "off",
    "unicorn/prefer-string-replace-all": "off",

    "@typescript-eslint/ban-ts-comment": "off", // ts-ignore 가능
    "@typescript-eslint/no-unused-vars": "off", // 위 no-unused-vars와 중복
    "@typescript-eslint/no-shadow": "error", // 같은 변수명 금지
    "@typescript-eslint/no-var-requires": "off", // require 허용
    "@typescript-eslint/naming-convention": [
      // 코드 전반 네이밍 컨벤션
      "error",
      {
        format: ["PascalCase", "camelCase"],
        selector: "variable",
        modifiers: ["exported"],
      },
      {
        format: ["PascalCase", "camelCase", "snake_case"],
        selector: "variable",
        leadingUnderscore: "allow",
      },
      {
        format: ["camelCase"],
        selector: "parameter",
        leadingUnderscore: "allow",
      },
      {
        format: ["PascalCase", "camelCase"],
        selector: "function",
        modifiers: ["exported"],
      },
      { format: ["camelCase"], selector: "function" },
      { format: ["PascalCase"], selector: "interface" },
      { format: ["PascalCase"], selector: "typeAlias" },
    ],
  },
};