3주차 스프린트 계획

논의사항

• Redux 구조

  • Redux의 action, reducer를 하나의 파일에서 관리.
  • 파일이 분리되면 수정할 때 파일을 여기저기 옮겨다니는 경우가 생김.
  • 추후에 파일이 커지는 것 같으면 분리.

• Redux를 어디까지 적용할 것인가?

  • 캐싱될 데이터
  • 카테고리 리스트, 결제수단 리스트 처럼 여러 곳에서 사용되는 데이터

• Redux에서의 비동기 처리 (thunk, saga)를 사용할 것인지?

  • 일단 dispatch 를 통해 로딩 전에 dispatch, 로딩 후에 dispatch 하는 방식으로 구현
  • thunk, saga는 현재 규모에서 맞을지도 고민해보기

• useSelector 방식 사용

  • connect 방식보다 좀더 직관적으로 이해가 되고 사용하기 편한 것 같다.

• Container

  • 상태관리는 container에서 하고, view에서는 layout을 가져오는 방식

• 거래내역 component

  • 거래내역의 컴포넌트에서 수정/삭제 모달을 띄워야 하는데 component 개별로 X, container 에서 target 을 통해 모달을 띄우자 (수정모달)

• 프론트에서 API 호출을 모듈화 시키기.

  예시)

  categoryApi.getList();
  categoryApi.addCategory();

이번주 계획

월

창희

• header logo 컴포넌트 size 수정
• 대시보드 페이지 구현(layout)
  • 가계부 내역 표시 컴포넌트 구현

상우

1. transaction api (insert, update, delete)
2. 통계 - 카테고리 api

진용

• modal 카테고리, payment 가져오기 + (redux 구조 잡기)
• modal style 수정

동현

• 월 선택 컴포넌트 구현
• 드랍다운 컴포넌트 구현
• 달력 리덕스 고민

화

창희

• 대시보드 페이지에 API 붙이기

상우

1. 페이지 인증 로직 컴포넌트 구현
2. 대시보드-고정지출 컴포넌트 구현

진용

1. 거래내역 등록모달 마무리

2. 거래내역 리스트에 모달 추가 (target 을 분석해서 해당하는 거래내역을 모달에 가져오기)

동현

• 총 수입 / 지출 컴포넌트 구현
• 날짜별 수익 API를 활용하여 총 수입 및 소비를 계산하여 출력해준다.
• 달력의 UI를 볼 수 있다.

수

창희

• 월별 모두 보기 페이지 구현
  • 월별 가계부 내역 리스트를 일자별로 그룹화 하는 컴포넌트 구현

상우

1. 카테고리 별 통계 페이지
2. 카테고리 별 상세 페이지

진용

1. 통계 - 기간별 api

2 .기간별 차트 컴포넌트(목욜까지 갈수도... 있지만) library 없으면 목욜까지도 못끝낼수도..

동현

• 날짜별 수익 API를 활용하여 날짜별로 수익데이터를 나열한다.
• 달력의 날짜 클릭 시 날짜별 수익 API를 활용하여 해당 날짜의 수익 데이터를 나열한다.

목

창희

• 배포 작업

상우

1. 카테고리 별 통계 페이지
2. 카테고리 별 상세 페이지

진용

1. 기간별 차트 페이지 끝내기

동현

• 가계부 모달 연동,
• 드래그 기능 추가 및 마무리

금

• 버그 수정 작업 및 데모 준비