eslint, prettier 세팅(nextjs)

설치

npm i -D eslint prettier

• eslint-plugin-prettier 사용 시 느려지거나 충돌이 발생하는 부분이 생겨서 제거

.eslintrc

next.js

{
  "extends": [
    "next/core-web-vitals",
    "eslint:recommended"
  ],
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "parserOptions": {
    "ecmaVersion": 2017
  }
}

.prettierrc

{
  "printWidth": 120,
  "tabWidth": 2,
  "trailingComma": "all",
  "semi": true
}

settings.json(vscode workspace)

{  
  ...
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
  ...
}