Coding

ESLint

"rules": {
    "react/react-in-jsx-scope": "off",
    "react/jsx-props-no-spreading": "off",
    "import/no-extraneous-dependencies": "off",
    "import/no-unresolved": "off",
    "no-shadow": "off",
    "react/forbid-prop-types": "off",
    "consistent-return": "off"
}

"rules": {
    "prettier/prettier": true,
    "value-keyword-case": null
  }

Prettier

• 기동 멘토님 추천 설정

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true,
  "quoteProps": "as-needed",
  "trailingComma": "all",
  "bracketSpacing": true,
  "arrowParens": "always",
  "proseWrap": "preserve",
  "endOfLine": "crlf",
  "htmlWhitespaceSensitivity": "css",
}

stylelint

• 프로퍼티 순서 정렬을 위해 "Recess Property Order" 패키지를 사용한다.

• styled component 사용법