[SEB 41] Pre Project (2) 브랜치, 커미션 설정

브랜치

브랜치 종류

• main : 배포 및 최종 출시 버전 브랜치
• release : 베타 배포용 테스트 브랜치 (main으로 merge)
• dev : 다음 버전 개발 브랜치 (release로 merge)
• feat : 기능 개발 브랜치 (dev에서 분기한 뒤 dev로 merge 후 해당 브랜치 삭제)
• fix : 수정 버전 브랜치
• docs : 문서 작성 브랜치

브랜치 네이밍

• feat/fe or be / 이슈번호 - 작업명
• release / 버젼명

---

커밋 컨벤션

기본 적인 커밋 메시지 구조

type : subject

body : 본문 내용 상세하게 작성

커밋 type

feat : 새로운 기능 추가
fix : 버그 수정
docs : 문서 수정
style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
refactor : 코드 리펙토링
test : 테스트 코드, 리펙토링 테스트 코드 추가
chore : 빌드 업무 수정, 패키지 매니저 수정

---

코드 컨벤션

프론트엔드 코드컨벤션

파일명

• 컴포넌트로 분리된 파일 : PascalCase
• 컴포넌트가 아닌 파일 : camelCase

변수명

• 변수는 camelCase

함수명

handle + 기능 + 이벤트

<button onClick={handleResetClick}>리셋 버튼</button>
<button onClick={handleSubmitClick}>제출 버튼</button>

연관성있는 컴포넌트들 : 기능 + PascalCase + Box

function SignupFormBox() {...}

function LoginFormBox() {...}

<br><br>

#### Styled-components
> S + PascaleCase
```js
export const SHeader = styled.header`

백엔드 코드 컨벤션

• 변수 명, 메소드 명: camelCase
• 패키지 명: 소문자(-, _ 등 특수 문자 금지)
• 테이블 명, 컬럼 명: snake_case