프로젝트 페이지 로딩 중...
프로젝트 페이지 로딩 중...
React Native + Expo 기반 풀스택 모바일 가계부 앱
알천 가계부는 React Native + Expo로 개발한 개인 모바일 가계부 앱입니다. 독립 인증 시스템(이메일 및 Google, Apple, Kakao, Naver 소셜 로그인)을 직접 구현하고, NestJS 백엔드와 Prisma/PostgreSQL 스택으로 안정적인 데이터 관리를 갖췄습니다.
단순 CRUD를 넘어 12개월 추세 차트, 지출 패턴 히트맵, 연간 비교 분석 등 스마트 통계 기능과 iOS/Android 홈 위젯을 직접 구현하며 모바일 풀스택 개발 전반을 경험했습니다.
이메일/비밀번호 인증과 소셜 로그인(Google, Apple, Kakao, Naver)을 지원하는 인증 시스템을 직접 구현했습니다. NestJS 백엔드에서 JWT Access/Refresh Token을 발급하고, React Native 클라이언트에서 Expo SecureStore로 안전하게 보관합니다.
수입/지출 내역 등록, 수정, 삭제 기능과 사용자 정의 카테고리 시스템을 구현했습니다. Prisma ORM으로 PostgreSQL 데이터를 관리하며, TanStack Query로 서버 상태를 캐싱하여 네트워크 요청을 최소화했습니다.
12개월 수입/지출 추세 차트, 지출 패턴 히트맵, 연간 비교 분석 기능을 구현했습니다. 복잡한 집계 쿼리를 백엔드에서 처리하고, 결과를 프론트엔드 차트 라이브러리로 시각화했습니다.
iOS WidgetKit과 Android Widget API를 활용하여 월별 지출 요약을 홈 화면에서 바로 확인할 수 있는 위젯을 구현했습니다. Expo의 네이티브 모듈 연동으로 위젯 데이터를 앱과 동기화했습니다.
AdMob 광고 통합으로 수익 구조를 마련하고, Toss Payments API를 연동하여 후원 기능을 구현했습니다.
외부 인증 서비스에 의존하지 않고 JWT 기반 인증 시스템을 직접 구현했습니다. 이메일 인증과 4종 소셜 로그인을 모두 지원합니다.
단순 합계를 넘어 소비 패턴을 다각도로 분석할 수 있는 통계 기능을 제공합니다.
앱을 열지 않아도 홈 화면에서 월별 지출 요약을 바로 확인할 수 있도록 iOS WidgetKit과 Android Widget을 구현했습니다.