Extension

Eslint, Prettier

// Eslint
{
    "env": {
      "browser": true,
      "es2021": true
    },
    "extends": ["plugin:react/recommended", "airbnb", "prettier"],
    "globals": {
      "Atomics": "readonly",
      "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
      "ecmaVersion": 12,
      "sourceType": "module"
    },
    "plugins": ["react", "prettier"],
    "rules": {
      "camelcase": "off",
      "prettier/prettier": [
        "error",
        {
          "endOfLine": "auto"
        }
      ],
      "react/state-in-constructor": "off",
      "import/no-extraneous-dependencies": [
        "error",
        {
          "devDependencies": true,
          "optionalDependencies": false,
          "peerDependencies": false
        }
      ]
    },
  }

// prettier
{
    "endOfLine": "crlf",
    "jsxBracketSameLine": false,
    "bracketSpacing": true,
    "printWidth": 80,
    "tabWidth": 2,
    "singleQuote": true,
    "jsxSingleQuote": false,
    "semi": true,
    "trailingComma": "all",
    "useTabs": false
}

개발 방식 - Live share, 각자 모각코후 branch

• Live share : 무언가 어려움이 생겼을 때 사용
• 기본적으로 branch에서 작업후에 머지하는 방식

기술 스택

CSS 라이브러리

• emotion

라우터

• react-router-dom ^v6

노드 버전

^v16