Prettier Eslint Airbnb style

Eslint

.eslintrc

{
    "parser": "babel-eslint",
    "env": {
        "browser": true,
        "node": true
    },
    "plugins": ["prettier"],
    // airbnb가 먼저 와야한다. 그래야 prettier와 문제가 되는 세팅을 취소하도록 덮을 수 있다.
    "extends": ["airbnb", "prettier"],
    "rules": {
         "prettier/prettier": "error"
    }
}

Prettier

.prettierrc

{
  "trailingComma": "es5",
  "semi": true,
  "singleQuote": false,
  "tabWidth": 2
}

Package.json

"devDependencies": {
    "babel-eslint": "^10.0.3",
    "eslint": "^6.6.0",
    // airbnb style
    "eslint-config-airbnb": "^18.0.1",
    // prettier와 eslint간에 충돌나는 설정을 꺼주는 패키지
    "eslint-config-prettier": "^6.5.0",
    // eslint, airbnb에 의존성이 걸린 패키지들
    "eslint-plugin-import": "^2.18.2",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-react": "^7.16.0",
    // eslint에서 prettier를 사용할 수 있도록 도와주는 패키지
    "eslint-plugin-prettier": "^3.1.1",
    "prettier": "^1.19.0"
}