설정

• .prettierc

{
  "singleQuote": false,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 80,
  "trailingComma": "all"
}

• jsconfig.json

{
  "compilerOptions": {
    "target": "ES6"
  }
}

의존성

• react-router-dom : 라우터
• sass, styled-components, classnames : 스타일링 목적
• @loadable/component : 지연로딩
• immer : 불변성 관리
• axios : ajax
• i18next, react-i18next : 메세지, 다국어 처리
• react-helmet-async : head 태그 내부 구성을 변경할때

yarn add react-router-dom sass styled-components classnames @loadable/component immer axios i18next react-i18next

npm i react-router-dom sass styled-components classnames @loadable/component immer axios i18next react-i18next