• 참고 링크

프로젝트 협업 도구

개발 환경

코드 형식 및 일관성 관리

• Formatter: Prettier

  // 공통 option
  {
  		"printWidth": 120,
      "trailingComma": "es5",
      "tabWidth": 4,
      "semi": true,
      "singleQuote": true,
      "endOfLine": "auto",
      "useTabs": false,
      "arrowParens": "always"
  }
  

  ※ endOfLine 설정과 관련된 자세한 내용은 🎫Ticket에서 확인

• Linter: **ESLint with Airbnb JavaScript Style Guide**

• Typescript imports organizer: VS Code Folder source actions Extension

  // .vscode/settings.json
  {
    "editor.formatOnSave": true,
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.codeActionsOnSave": {
        "source.organizeImports": "explicit",
        "source.removeUnusedImports": true
      }
    },
  }
  
  

• Spell checker (optional): VS Code Code Spell Checker Extension

Git branch 전략

전략에 대한 이해와 사용이 쉽고 프로젝트를 빠르게 시작할 수 있는 Github Flow 채택

Package Manager

초기에 파일 규모가 작아 속도보다는 안정성이 더 중요하다고 판단