[TIL] 원티드 프리온보딩_2일차_220504

💻 git으로 협업하기

1. Git Flow
1.1) 생성한 팀 repo를 clone한다
1.2) 새로운 브랜치를 생성하여 작업을 진행한다. 브랜치의 이름은 [feature/기능이름]과 같이 나타낸다.
1.3) [feature/기능이름]에서 작업을 진행한 후 해당 브랜치에 push한다.
1.4) 팀 repo에 있는 develop 브랜치에 PR을 한다.
1.5) PR을 통해 팀원들과 코드리뷰 후 develop에 최종적으로 merge한다.

• 작업을 진행할 때는 pull-commit-push순으로 한다.
• 새로운 브랜치로 checkout: git checkout -b feature/기능 이름
• 수정 작업 완류 후 add: git add .
• push 전 commit은 필수: git commit -m "000 수정"
• branch로 push: git push origin feature/기능이름

2. Commit Message

• commit 메세지로 gitmoji를 사용하여 나타낸다.
  [🎈 gitmoji로 가기]

3. Code Review

• PR을 통해 진행하고 있는 또는 진행했던 작업들을 공유 및 코드리뷰를 한다.

📌Todo List App

1. 전체 레이아웃

• 로그인 화면
• 메인 페이지
• 사이드 바

2. 기능 및 구조

2.1) 로그인 화면

• greeting 인사말과 user정보, id를 입력할 수 있는 페이지를 생성한다.
• 해당 user정보는 메인, 사이드바 상단에 나타난다.

2.2) 메인 페이지

2.2.1) Header

• 상단에 greeting 메세지와 유저정보가 나타난다.

2.2.2) Category

• 카테고리 button이 리스트화 되어 나타난다.
• 해당 카테고리 선택 시 할 일 목록이 filter된다.
• 카테고리 별로 할 일이 몇개 인지 또는 몇 퍼센트를 달성했는 지 등 체크하여 나타낸다.

2.2.3) Todo List

• 투두 리스트를 localStorage에 저장하여 나타내며 1회서 TodoList로 나타내며 완료한 Todo는 완료 리스트로 이동한다.

2.2.4) Todo Add

• floatBtn. 클릭 시 모달로 Todo를 Add할 수 있는 화면이 보여진다.
• Todo Text 작성하고 카테고리 및 만료 시간을 선택한다.

2.3) 사이드 바

• 메인에 있는 햄버거 버튼(ex) 클릭 시 사이드 바가 나타난다.
• 상단에는 사용자 이미지와 유저 정보가 나타난다.
• 사이드 바의 nav는 settings, history, logout이 있다.

마무리..

협업에 있어서 의사소통과 git 사용법은 필수라는 것을 한번 더 알게되었던 하루였다. 어느정도 git 사용법을 알고 있다 생각했는데 사용할 때 마다 헷갈리고 그렇다 😥 특히 나의 개인 프로젝트가 아닌 팀 프로젝트를 할 때 더더욱 .. 나의 실수 한번으로 날라갈까봐 그렇다 홓호... 좀 더 익숙해지다보면 괜찮아지겠지..!!
그리고 TodoApp 도 내일부터 화이팅이다!