전역 상태
| 변수명 |
사용 |
타입 |
| controlDate |
페이지 날짜 |
Date |
| 변수명 |
사용 |
타입 |
| date |
입력날짜 |
date(yyyymmdd) |
| isIncome |
수입/지출 타입 |
boolean |
| category |
분류 |
string |
| content |
내용 |
string |
| paymentMethod |
결제수단 |
int |
| amount |
금액 |
int |
| id |
history item |
int |
| 변수명 |
사용 |
타입 |
| histories |
내역의 리스트 |
array |
| 변수명 |
사용 |
타입 |
| categories |
내역의 카테고리 |
array |
| 변수명 |
사용 |
타입 |
| paymentMethod |
결제방법 |
array |
헤더
- 헤더 가장 왼쪽에 로고가 위치한다.
- 중앙에 현재 년과 월을 표시
- 화살표 클릭하면 이전달 다음달로 이동
- 전역 상태 date를 다음날로 변경
- 서버에 새로운 내역 요청
- 하단 내역 변경
- 헤더 가장 오른쪽에 내역 달력 통계 탭을 표시한다.
라우팅
- History API 를 이용해서 url에 따른 페이지 렌더링을 진행할 수 있다.
- 같은 위치에서 같은 위치로 push state 히스토리에 남는지 확인
- 페이지 별로 url에 따른 라우팅을 구현
/ : 계좌화면/calendar : 달력화면/statistic : 통계 화면