[Codestates] 2021. 9. 13

• Lint 설정법

client

prettier 설치
eslint-config-prettier 설치
eslint-plugin-prettier 설치

prettierrc.json
{
  "printWidth": 100,
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "all",
  "bracketSpacing": true,
  "semi": true,
  "useTabs": false,
  "arrowParens": "avoid",
  "endOfLine": "lf"
} 

.eslintrc.json
{
  "extends": ["react-app", "plugin:prettier/recommended"]
}

Server

npm i -D eslint

{
  "plugins": ["prettier"],
  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
  "parserOptions": {
    "ecmaVersion": 8,
    "sourceType": "script",
    "ecmaFeatures": {
      "jsx": false
    }
  },
  "env": {
    "browser": false,
    "node": true,
    "es6": true
  },
  "ignorePatterns": ["node_modules/"],
  "rules": {
    "prettier/prettier": "error"
  }
}

• npm i -D
  -D: devDependencies에 설치하는 법

• 레퍼런스
  eslint & prettier 관련
  client : https://developer0809.tistory.com/86
  server : https://velog.io/@josworks27/ESLint-Prettier-%EC%84%A4%EC%A0%95-%EB%B0%B1%EC%97%94%EB%93%9C