3주차 스프린트 계획

주말동안 무엇을 하였는가 ?

• 잠
• 먹기
• 잠
• 끝
• 할리스 해리포터 다이어리를 얻기 위한 여정.. 하지만 실패

오늘 일정

• 스프린트 계획 회의 (10시 ~ 12시)
• 1시 마스터 클래스
• wrap-up: 18:45 ~ 19:00 (15 min)
  • 오늘 한 일, 회고, 잡담 타임

개선할 사항들 확인

• 스토리북 도입 고민해보기
  • 설치하는 건 어렵지 않다.
  • 어떻게 활용해야 할지
  • 도입을 하려면 컴포넌트 단위가 잘 분리되어 있어야 할 것 같다.
  • 지금 도입하기에는 조금 늦지 않았을까..?

스프린트 계획

리팩토링

프론트 프로젝트 구조 리팩토링

• View + Model 분리하는 구조로 리팩토링 (Custom Hook)

  프론트엔드 폴더 구조 확인

기능 구현

• 기존 기능의 프로토 타입 작업을 완성 시킨다 vs 이슈 등록 같은 핵심 기능의 프로토 타입을 추가한다.
  • 상세 페이지랑 등록 페이지의 경우 공통적으로 사용되는 컴포넌트가 많아서 동시에 진행할 수도 있을 것 같다.
• 이슈 리스트 페이지 뒤로가기 렌더링
  • useEffect 에 location.search 넣으면 됨.
• ㅊ

이슈 리스트 페이지

• 필터 드롭다운 버튼들 추가 (레이아웃 작업)
• 선택된 필터 정보에 따라서 리스트 필터링
• 이슈를 체크(선택) 했을 때 메뉴 버튼 변경해서 보여주는 처리(이슈 open/close 같은거)
• 그 외 세세한 작업들 (개수 표시 같은..)

이슈 상세 페이지

• 사이드바 영역 구현
• 코멘트 추가
• 제목 / 내용 수정
• 이슈 open/close

이슈 등록 페이지

공통 컴포넌트 구현

• 마크다운 에디터 / Viewer
  • gist
• 상세페이지/등록페이지의 사이드바 컴포넌트
• 드롭다운에 들어가는 리스트 컴포넌트 데이터 처리

API

• 이슈 수정
  • PUT /issues/:id API로 통일해서 구현
  • body로 넘어온 key들이 모델의 필드에 속한건지 확인
  • close/open 처리만 예외처리

edit: async ({ id, ...data }) => {
    const affectedRow = await Payment.update(data, {
      where: { id },
    });
    if (!!affectedRow) return true;
    throw new Error();
  }, 

• 이슈 등록
• 이슈 필터링