작업 노트app · 개인 프로젝트
알천 가계부
기획부터 앱, 서버, 홈 위젯까지. 혼자서 끝까지 만들어 본 첫 풀스택 프로덕트입니다.
- role
- 1인 풀스택
- period
- 2026.01 — 진행 중
- platform
- iOS · Android
- stack
- React Native · NestJS
01 / problem
알천 가계부는 React Native + Expo로 만든 모바일 가계부 앱입니다. 외부 인증 서비스 없이 이메일 · 소셜 로그인을 직접 구현하고, NestJS와 Prisma · PostgreSQL로 서버를 꾸렸어요. 단순 CRUD를 넘어 추이 차트, 지출 패턴 히트맵, 연간 비교 같은 통계와 iOS · Android 홈 위젯까지 혼자 만들어 봤습니다.
constraint · 1인 개발constraint · iOS · Android 동시 지원constraint · 독자 인증 + 소셜 로그인 4종
02 / architecture
구조 한눈에 보기
블록을 눌러 자세히 보기client모바일 앱
React NativeExpoTypeScriptNativeWindTanStack QueryZustand
- →거래 내역 CRUD와 사용자 정의 카테고리
- →추이 · 히트맵 · 연간 비교 통계 화면
- →서버 상태는 TanStack Query, UI 상태는 Zustand로 분리
03 / screens
화면 둘러보기
01 / 03이번 달 흐름을 첫 화면에서
휴대폰 화면을 좌우로 밀어 넘길 수 있어요- 남은 예산과 이번 달 사용 비율
- 수입 · 지출 탭으로 나눠 보는 입출금 내역
04 / decisions
고민한 선택들
서버에서 오는 데이터는 TanStack Query로 캐시하고, 화면 상태만 Zustand로 관리했어요.
대안 · Redux 단일 스토어05 / outcome
결과
소셜 로그인 연동구글 · 애플 · 카카오 · 네이버
통계 뷰추이 · 히트맵 · 연간 · 카테고리 · 예산
OS 홈 위젯iOS WidgetKit · Android