3주차 스프린트 계획

스프린트 계획

리팩토링

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

• 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();
  }, 

• 이슈 등록
• 이슈 필터링