[Next] eslint&prettier 설치 및 설정

prerequisite

  • nextjs v12

참고

nextjs_ESLint ESLint_rules

설치

  • ESLint는 설치필요 없음. 아래는 eslint-config-prettier
  • ESLint의 code formatting rules과 prettier가 충돌 가능성이 있음
  • 아래 라이브러리 설치 후 설정에 prettier 추가
npm install --save-dev eslint-config-prettier

설정

.eslintrc.json

  • ESLint 환경설정
  • rules에 추가할 수 있는 항목은 상단 참고 링크에서
{
  "extends": ["next/core-web-vitals", "prettier"],
  "rules": {
    "no-unused-vars": "warn",
    "no-trailing-spaces": "warn",
    "indent": ["warn", 2]
  }
}

디지엠유닛원 주식회사

  • 대표이사 권혁태
  • 개인정보보호책임자 정경영
  • 사업자등록번호 252-86-01619
  • 주소
    서울특별시 금천구 가산디지털1로 83, 6층 601호(가산동, 파트너스타워)
  • 이메일 web@dgmit.com