**배경**
신용카드, 체크카드, 현금, 앱 결제 등 다양한 지불 수단을 사용하다 보면 "이번 달에 얼마나 썼지?"를 정확히 알기 어렵습니다.

카드사 앱에서 내역을 확인할 수 있지만, 여러 카드를 쓰는 경우 통합 관리가 어렵고, 카테고리별 분석 기능이 부족합니다. 엑셀로 관리하면 번거롭고, 기존 가계부 앱은 불필요한 기능이 많아 복잡합니다.

**솔루션**
핵심 기능만 담은 심플한 수입/지출 트래커를 제공합니다.

거래 추가 → 자동 카테고리 분류 → 실시간 통계 확인 → 월별 추이 분석까지 단순하지만 필수적인 기능에 집중했습니다.

**제작 과정**
24시간 MVP 프로세스를 적용하여 실제 개인 재무 관리 시나리오를 기준으로 설계했습니다.

거래 입력 폼을 최대한 간소화하고(날짜, 유형, 카테고리, 금액, 설명 5개 필드만), 입력 즉시 통계가 자동 계산되도록 했습니다.

카테고리는 이모지를 활용하여 시각적으로 구분하기 쉽게 만들었고, Chart.js를 통해 월별 추이와 카테고리 비율을 직관적인 그래프로 표현했습니다.

Supabase를 활용해 모든 거래 데이터가 실시간으로 저장되며, 여러 디바이스에서 접속해도 동일한 데이터를 확인할 수 있도록 했습니다.

**프로젝트 개요**
흩어진 결제 내역을 한 곳에서 관리하고, 지출 패턴을 분석하여 합리적인 소비 습관을 만들 수 있도록 돕는 개인 재무 관리 도구입니다.

**주요 목적**
- 수입/지출 내역의 체계적 기록 및 분류
- 카테고리별 지출 패턴 분석 및 시각화
- 월별 재무 상태 추이 파악
- 불필요한 지출 발견 및 절약 포인트 찾기

**핵심 기능**
- 거래 추가: 날짜, 유형(수입/지출), 카테고리, 금액, 설명 입력
- 카테고리 자동 분류: 식비, 교통, 교육, 오락, 쇼핑, 의료 등 주요 항목
- 실시간 통계: 이번 달 수입/지출/잔액, 일 평균 지출, 최다 지출 카테고리
- 월별 추이 차트: 수입/지출 그래프로 장기 패턴 확인
- 카테고리별 지출 비율: 파이 차트로 어디에 돈을 가장 많이 쓰는지 시각화
- 거래 수정/삭제: 잘못 입력한 내역 즉시 수정 가능
- 최근 거래 테이블: 날짜별 거래 이력 한눈에 확인

**기술 구현**
React 기반 SPA 구조, Supabase PostgreSQL 실시간 데이터베이스 연동, Chart.js를 활용한 통계 시각화, Tailwind CSS 반응형 디자인, 이모지 기반 직관적 카테고리 UI

**활용 시나리오**
- 대학생: 용돈 관리 및 절약 포인트 발견
- 직장인: 월급 관리 및 저축 목표 설정
- 프리랜서: 프로젝트별 수입/지출 추적
- 자영업자: 소규모 매출/비용 관리
- 가정: 가계부 대용으로 생활비 관리