가계부 앱 Money Is Mine - 개발 진척 기록 ③

개발 진척 기록

업데이트 목록

• BottomNavigationBar 추가
• 달력에 지출 보여주기

BottomNavigationBar 추가

홈 화면 하단에 내비 바를 추가했다.
원래는 각 페이지에도 내비 바가 있어서 다른 페이지로 이동하게 하려 했는데, 스택이 이상하게 꼬인다고 해야 하나… 너무 많이 쌓이는 것 같았다
그래서 홈에서 다른 페이지로 이동 후에 또 다른 페이지로 이동하기 위해서는, 백 버튼으로 다시 홈에 온 후 선택하는 식으로 했다. 고칠지 말지는 나중에 고민해 보기로

달력에 지출 보여주기

table calendar를 써서 달력에 지출들을 볼 수 있다.

어떻게 꾸밀까 고민했는데 약간 그 깃허브 감성으로…
그 날의 돈 합계가 얼마인지에 따라 색의 진하기를 정해줬다

원래 일정에선 후반에 있었지만, 모아서 볼 때 그냥 처음부터 달력으로 보여주는 게 베스트인 것 같아서 먼저 만들었다.

폰 가로를 7등분하기 때문에 달력 하나 칸이 생각보다 작았다. 그래서 지출, 수입, 합계를 버튼으로 선택하게 해서 따로 보여줬다.
그리고 5자리 수까지는 보여지는데, 그 뒤, 즉 10만 원부터는 잘려서 안 나왔다. 글씨를 더 작게 하기는 좀 그래서 천 원 단위로 뒤의 세 자리 수는 끊어서 보여주게 했다. ex) 100,000 -> 100,-
그럼 이제 1000만 원부터는 다시 잘려서 안 나오는데, 그만큼 큰 단위 돈 쓰는 사람은 이런 식으로 가계부 안 쓰겠지

각 날짜 셀을 선택하면 그 날의 일일 내역을 달력 아래 남는 공간에 출력할 예정이다.
달, 2주, 주 단위로 달력 형태를 바꿀 수 있는데, 주 단위 때는 아래 공간이 많이 남아서 7일 간의 일일 내역을 다 출력해도 될 것 같다.
또, 각 단위 마다의 평균을 여기서 보여주면 좋을 것 같다.

동작 영상

요구사항 명세

• 지출/수입 내역 등록 ◎
  • + 고정 지출/수입 등록
  • + 자주 사용되는 입력 정리
  • + 메모, 사진, 장소 같이 입력
• 일간, 주간, 월간 내역 모아서 보기 △
  • + 그래프 보여주기
  • + 달력에 지출 보여주기 △
  • + 내역 검색
  • + 매일, 매주, 매월 평균 보여주기
  • + 예산에 따른 결과 보여주기

+ 표시는 additional한 부분들로 우선순위가 비교적 낮다.

개발 일정

내용	1월 3째주	1월 4째주	1월 5째주	2월 1째주	2월 2째주
Local DB 등 Flutter 공부	◎
지출/수입 내역 등록	◎	●
일간, 주간, 월간 내역 모아서 보기	△	●	●
고정 지출/수입 등록			●
자주 사용되는 입력 정리				●
메모, 사진, 장소 같이 입력		●
그래프 보여주기				●
달력에 지출 보여주기	△				●
내역 검색				●
매일, 매주, 매월 평균 보여주기					●
예산에 따른 결과 보여주기					●

---