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

백엔드3, 프론트엔드3이 한 조를 이루어서 프로젝트를 하게 되었다.
첫 만남과 첫 인상은 다들 너무너무 좋으신 분들이었고, 나만 잘하면 되겠다고 생각!
사실 아직도 너무 불안해서 걱정이 많다 ㅠ_ㅠ

처음 만나서 정한 것은 팀 빌딩, 그리고 팀별 공간을 만들었다
사진을 넣어야하는데 본인 사진이 없다는 분이 계셔서
즉석에서 구글밋으로 산타 필터를 씌워 다같이 사진찍었음ㅋㅋㅋㅋ
그래서 섬네일도 그거로 맞춰보았다

팀이름은 우리 조가 15조라서, 15지조 😎 라고 의견을 내었고(ㅋㅋㅋㅋㅋㅋ)
채택되어서 우리 조 이름이 되었다!

---

프로젝트 일반 규칙

• 아침에 인사와 덕담 한 마디씩 하고 시작하기.
• 사전 공유(최소 30분 전) 없이 지각 2회 = 팀원에게 커피 한 잔씩

프로젝트 개발 관련 규칙

• 오후 1시 30분에 모여서 각자 진행 상황 브리핑 해주기
• 저녁 7시30분에 모여 오늘 어디까지 진행 되었는지 , 모르는 부분이 있으면 어디인지 얘기하기
• 아침에 팀 채널에서 텍스트로 오늘 무엇을 진행할 것인지 공유해주기

---

깃 설정 미팅

빈 레포를 하나 파서 dev브랜치도 만들고, 각자 개인 브랜치를 만들어서
add commit merge 등을 실험해보았다
일부러 conflict나도록 실험해보고, 어떻게 해결할 지도 정했다.

스터디를 git으로 했었고, 과제도 다 git으로 했는데도
도무지 git에 대해서 잘 몰랐는데... 이번 기회에 강의도 완강하게 되었다.

git pull 원격저장소주소

이러면 원격저장소에 있던 모든 브랜치 내용을 가져와서 로컬저장소에 합치라는 뜻
이걸 해주면 로컬이 최신상태가 되기 때문에 git push가 가능
결론은 변동사항이 생겼다면 git pull 하고 나서 git push

• 그리고 main 말고 꼭 dev에다가 push하기!!!!

git revert <되돌리고 싶은 커밋 이름>
git reset --soft HEAD~1

git log로 commit 내역을 확인한 후 되돌리기 실행 or
--soft 옵션은 커밋되지 않은 변경사항이 손실되지 않음을 의미

SourceTree

깃과 머지, 커밋 내역등을 더 잘 보기 위해서 sourcetree를 이용하기로 했다.
설치해서, 깔아서 공부도 해보고 이번에 어떻게 흐르고 있는지 보았는데,
아무래도 계속 계속 지켜보고 공부해봐야 할 듯 싶음 ㅜㅜ

 

 

 

---

 

브랜치

브랜치 종류

• 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