.eslintrc.json

{
  "plugins": ["prettier"],
  "extends": "next/core-web-vitals",
  // plugins외 추가 규칙을 설정합니다.
  "rules": {
    "no-console": "warn", // console 사용시 warning이 나타납니다. 배포할 떄 지워줘야하니까 warn합니다. +> transform-remove-console로 대체합니다.
    "linebreak-style": "off", // 맥, 윈도우로 개발하기때문에 개행문자가 Carrage return/Line feed인지 Line Feed인지 관여하지 않습니다.
    "semi": ["error", "never"], // semicolon을 제거합니다.
    "spaced-comment": "off", // 주석 스타일 강제 취소, html, css에서 주석을 달 수 있습니다.
    "no-param-reassign": "off", // 재할당 가능합니다. DOM을 다루다보면 재할당 할 일이 생긴다고 판단했습니다.
    "prefer-arrow-callback": "off", // this를 다루게 될 일이 있을 수도 있으니까 off하였습니다.
    "no-await-in-loop": "warn", // for문 안에서 await을 사용할 수 있습니다.
    "quote-props": ["error", "as-needed"], // object의 key가 문자열이 아닌 경우에만 따옴표를 사용합니다.
    // "indent": ["error", "tab"], // indent는 tab을 사용하고, tab은 2칸으로 prettier로 고정합니다.
    "comma-dangle": ["error", "never"], // 객체의 마지막 속성에 콤마를 사용하지 않습니다.
    "react/self-closing-comp": [
      // 비어있는 컴포넌트는 self-closing을 강제합니다.
      "error",
      {
        "component": true,
        "html": true
      }
    ]
  }
}