1️⃣ 브랜치 전략

• main: 우리가 개발 최종시에 Merge를 하는 곳 ❗️

• feat/{기능명}/#{issue번호}: 기능을 개발하면서 각자가 사용할 브랜치 ex) feat/Home/#3

  우리가 정의하는 기능명 → 구현 중인 페이지 (ex. Home, MyPage or Common)

  // 브랜치 생성 ❗❗항상 메인에 체크아웃해서 만들것❗❗
  $ git branch feat/{기능명}/#{이슈번호}
  // 브랜치 체크아웃
  $ git checkout feat/{기능명}/#{이슈번호}      
  

issue 작성법

• 제목 → [Feat] 내용

## 🛠 Issue

## <!-- 이슈에 대해 간략하게 설명해주세요 -->

## 📝 To-do

<!-- 진행할 작업에 대해 적어주세요 -->

- [ ] todo!

Pull Request

• 모든 팀원들의 approve를 받아야만 머지할 수 있습니다!
• 팀원들이 코드를 이해하기 쉽게 친절한 PR 쓰기!

2️⃣ 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
	|-- 📁 asset
			|-- 📁 icon
				|-- logo.svg
				|-- index.ts
			|-- 📁 image
				|-- logo.png
				|-- index.ts
	|-- 📁 components
			|-- 📁 Common
				|-- Router.tsx // 라우팅
			|-- 📁 Main
				|-- Header.tsx
			|-- 📁 main
				|-- Menu.tsx
	|-- 📁 pages
			|-- Main.tsx
			|-- Premium.tsx
	|-- 📁 styles
			|-- style.d.ts
			|-- globalStyle.ts
			|-- themem.ts
	|-- 📁 utils
			|-- 📁 lib
				|-- api.ts // 데이터 통신에 필요한 메소드 구현
				|-- index.ts // axios, baseInstance 만드는 곳
	|-- 📁 types
			|-- common.ts
	|-- App.tsx
	|-- main.tsx
	|-- vite-env.d.ts
|-- .eslintrc.json
|-- .gitignore
|-- .prettierrc
|-- index.html
|-- README.md
|-- package.json
|-- tsconfig.json 
|-- tsconfig.node.json
|-- vite.config.ts
|-- yarn-error.log
|-- yarn.lock

3️⃣ commit 규칙

ex) feat/#{이슈번호}: 헤더 기능 완성

ex) style/#1: css 코드 순서 변경

- init: 개발 환경 초기 세팅
- feat: 새로운 기능 추가 (새로운 구현)
- fix: 버그 수정
- docs: 문서 추가, 수정, 삭제
- style: 코드 포맷팅(코드 순서 변경, 세미콜론 추가)
- design: UI 디자인 변경
- refactor: 코드 리팩토링
- chore: 그 외 자잘한 수정

4️⃣ 코딩 컨벤션

• 상수는 영문 대문자 스네이크 표기법 (예를 들면 키값)

  • API_KEY

• 변수는 var 사용 금지, const, let 사용.

• 컴포넌트와 함수는 화살표 함수를 이용하자

  

• 암시적 반환을 최대한 활용한다 (early return)

• 구조분해할당을 적극 이용하자

• 변수 등을 조합해서 문자열을 생성할 때는 **무조건 리터럴**을 이용한다

  • ❌) var1 + “ “ + var2
  • ⭕) ${var1} ${var2}

• switch-case 사용시 break를 강제하자. case문 사이들끼리는 가독성을 위해 띄어주자