2020/11/02(월) 회의록

일 주일 동안 할 일

• 로그인 iOS와 연결
• 유효성 검증
• 컴포넌트 설계
  • Routes 정리
  • 각 화면을 컴포넌트로 분리
  • atomic component로 재사용 가능한 것들 고민해보기
• Backend API 구현

FE 컴포넌트 설계

Router

화면	URL	특이사항
로그인	/login	로그인상태에 따라 이슈목록화면과 분기처리
회원가입	/register	로그인상태에 따라 이슈목록화면과 분기처리
이슈목록	/issues/	로그인상태에 따라 이슈목록화면과 분기처리, 필터 쿼리 필요
이슈 생성	/issues/new
이슈 상세	/issues/:id
레이블목록	/labels
마일스톤목록	/milestones
마일스톤 생성	/milestones/new
마일스톤 편집	/milestones/edit/:id

화면 설계 (Component 기준으로 나눔)

로그인 화면

회원가입 화면

이슈목록 화면

Atomic Components

• Dropdown : 이슈목록화면, 이슈 생성화면에서 Author, Label, milestone, assignees
• Button : 깃헙 로그인버튼, New issue 버튼, Label/MileStone 버튼, Submit New Issue, Edit, Open, Close, Close Issue, Comment 버튼 등등.. 많다

Events

Click Event

• 버튼은 다 클릭 이벤트를 가짐. (Onclick)

• Issue title 업데이트, Comment 업데이트, Label 업데이트 로직 공통 - Reducer

• 깃헙 로그인버튼, New issue 버튼, Label/MileStone 버튼, Submit New Issue, Edit, Open, Close, Close Issue, Comment 버튼

Hover Event

• assignee 이미지 늘어나는것

• 이슈목록에서 각 이슈 background 바뀌는 것

• Author, Label dropdown 호버시 색깔 바뀜

• Button들 background 바뀌는것, cursor: pointer

• 이슈목록에서 이슈 hover시 글자색 바뀌는 것

• assignee, labels,