01 / 04
01
가계부 핵심 화면
오늘의 재정 상태와 최근 거래를 빠르게 확인하고, 수입·지출 입력으로 바로 이어지는 메인 화면입니다.
02 / 04
02
캘린더
날짜 단위로 거래 내역을 확인하고, 특정 시점의 소비 흐름을 빠르게 추적하는 화면입니다.
03 / 04
03
통계
월별 지출과 소비 패턴을 함께 보는 분석 화면입니다.
04 / 04
04
덕담
부모-자녀가 용돈과 약속을 관리할 수 있는 가족용 금융 서비스 화면입니다.
한눈에 보기
PWA Builder로 앱 번들을 만들어 Google Play 프로덕션까지 출시한 스마트 가계부 앱
역할
기획 · 프론트엔드 · 백엔드 · 배포 주도
범위
14개
//핵심 포인트5개
01
PWA Builder로 앱 번들(AAB)을 생성해 Google Play 프로덕션 출시까지 완료
02
4인 팀프로젝트에서 기획부터 백엔드, 프론트, 배포까지 전 과정 주도
03
Claude API 기반 영수증 이미지 분석으로 금액, 날짜, 가맹점 정보를 추출해 자동 기입 구현
04
수입·지출 기록, 월별 통계, 자동 기입, 알림, 덕담 기능을 하나의 흐름으로 통합
05
개인정보처리방침과 Play Console 정책 대응까지 실서비스 배포 관점에서 정리
//기술 스택14개
//FRONTEND(5)
탭을 바꿔가며 역할과 설명을 한 범주씩 확인할 수 있습니다.
Next.js
라우팅/렌더링 구조App Router 기반으로 페이지 라우팅과 서버/클라이언트 책임을 분리해 전체 화면 흐름을 구성했다.
React
UI 상태/컴포넌트상태 변화에 따라 UI를 컴포넌트 단위로 조합하고, 재사용 가능한 화면 구조로 유지보수를 쉽게 했다.
TypeScript
타입 안정성API 응답/컴포넌트 Props 계약을 타입으로 고정해 런타임 오류를 줄이고 협업 시 실수를 예방했다.
TanStack Query
도구(Utility)TanStack Query을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
Tailwind CSS
디자인 시스템/스타일토큰(색/타이포/간격)과 유틸 기반으로 스타일 규칙을 표준화해 화면 간 일관성을 유지했다.