[Toy Project] ABC 가계부 프로젝트 설계

몇 달간의 준비 기간 끝에 드디어 나만의 프로젝트를 시작하려고 한다.

 

처음 떠올린 아이디어는 웹이 기반인 서비스라 스프링을 공부했었다.

하지만 스프링 강의를 들으면 들을 수록 흥미가 떨어지고 재미를 느끼지 못했다.

결국 첫 아이디어는 폐기처분하고 다른 주제를 찾아보느라 시간이 좀 걸렸다.

 

방황 끝에 찾게된 주제는 바로 젊은부자 - ABC 가계부 라는 이름의 가계부 앱 서비스다.

아이디어의 영감을 얻은 계기인 책에 대한 후기는 아래 링크로 달아놓겠다.

개발은 플러터로 진행한다

 

https://dawning-record.tistory.com/53

[독서일기] 젊은 부자

---

화면 구성

우선 대략적으로 화면 구성 UI를 생각해보고 그에 따라 개발을 진행할 생각이다.

개인적으로 대략적인 UI가 없으면 코드 작성하는데 어려움을 겪는 스타일이라 가장 먼저 화면구성을 만들어줬다. 

이런 것도 막 피그마같은 프로그램으로 만들어서 하던데, 난 손으로 그리면서 하는 게 생각 정리도 잘 돼고 편하드라

가계부 홈(메인) 화면	달력 화면
통계 화면	가계부 작성 화면

 

• 가계부 홈(메인)화면 
  - 가계부 내역들 확인
  - A,B,C 항목 별로 얼마씩 지출했는지 표시
  - 월 별로 보여주고 화면 넘기면 월 변경
• 달력 화면
  - 캘린더 형식으로 화면 디자인
  - 날짜 별 지출금액 표시
  - 메모가 있는 날이면 메모가 있다고 표시해주는 아이콘 삽입
  - 이전 달 날짜를 선택 시 해당 월로 달력 이동
  - 아직 오지 않은(ex: 내일, 모레, 다음달, 내년 등) 날짜는 선택 불가
  - 해당 날짜를 꾹 눌러서 가게부 작성 화면으로 이동하게끔 기능 구현
• 통계 화면
  - 디폴트 기간은 한 달로 하되, 기간을 선택할 수 있게끔 구성
  - A,B,C 항목 별 통계를 확인할 수 있게끔 구성
  - 지출 내역을 원 형태의 통계로 한 눈에 보기 쉽게 표시
  - 원 형태 밑에는 리스트형으로 통계 표시 / % 높은 게 가장 위로
  - 항목 별 클릭 시 상세 내용 확인
• 가계부 작성 화면
  - A,B,C 항목 선택 버튼
  - 날짜, 분류, 금액, 내용, 메모 및 사진 탭으로 구성
  - 각 항목 별 맞춤 입력 방식 구현(금액 탭은 숫자 키보드, 날짜 탭은 달력화면 위젯, 시간 탭은 시계화면 위젯 등)

 

개발에 사용된 라이브러리나 기술등등은 플러터 카테고리에 따로 정리하고,

토이프로젝트 카테고리에는 프로젝트 진행상황을 기록할 예정이다

목표는 올해 안에 스토어에 올리기!! 파이팅!!!