Flow 1 (7/22 ~ 8/3)만들 페이지해야 할 일Flow 2 (8/4 ~ 8/9 )만들 페이지(각자 비동기적으로 페이지 맡아서 진행)우선 순위 높은 할일해야할일Flow 3 (8/10 ~ 8/15)배포 (8/16)
Flow 1 (7/22 ~ 8/3)
만들 페이지
📅 7/22 ~ 7/29
- 로그인 페이지
- 회원가입 페이지
- 수입/지출 등록 페이지
📅 7/30 ~ 8/2
- 가계부(일일) 페이지
- 예산 페이지
해야 할 일
레포 생성
프로젝트 세팅
ESLint
Prettier
emotion
React-query
react-router
msw
CI/CD (husky?)
코드 컨벤션
PR, Issue 템플릿
깃 브랜치 전략
github flow로 하기. main → feature(fix, refactor…)
env 설정(API URL, Oauth 클라이언트 ID 등등)
공통 CSS 스타일 정의, reset CSS
기본 타입 정의(Account, User 등등)
공통 컴포넌트 생성
Input(type)
Button (login 페이지 UI 참고, background, color, onclick)
Tab (통계 페이지 UI 기준)
BackupLayer, Modal
헤더, 푸터 (나중에 페이지 만들어지면 만들기)
페이지 전체 레이아웃 잡기
반응형 디자인(간단히 max-width 고려해서)
페이지 구현
로그인 - Button
회원가입 - Input
수입/지출 등록 - 날짜 input, 분류 버튼 선택, 금액 formatting input, 내용 input
가계부(일일) - 등록 + 버튼, 날짜 컴포넌트, Tab 컴포넌트, 수입/지출/합계 컴포넌트, 리스트 컴포넌트
BottomNavigation 컴포넌트 마무리
백엔드 명세나온 API 모킹
모킹 환경 분리 및 환경변수 설정 (process.env....)
axios instance 생성 및 기본 설정
token localStorage 관련 hooks이나 유틸함수 작업..
Flow 1 일정 산출
Flow 2 (8/4 ~ 8/9 )
만들 페이지(각자 비동기적으로 페이지 맡아서 진행)
우선 순위 높은 할일
- 에러 핸들링 (API 에러 핸들링, 유저 validate는 각자 진행)
- API 테스트 및 연결
해야할일
공통 컴포넌트(상단바, 하단 Nav바, 뒤로가기 버튼)
로딩 컴포넌트(스피너) 구현
통계 페이지(통계 + 예산)
가계부(월별)
검색 페이지
API 에러메시지 UI 처리
Flow2
Flow 3 (8/10 ~ 8/15)
- env(Oauth 클라이언트 ID)
- refreshToken 처리
- 기타 UI
Flow 3 일정 산출
배포 (8/16)
- 발표 자료 촬영 및 PPT 만들기
- 제출 자료 완성
- 버그 픽스