
# 젤리의 적자탈출 앱 - 기능 가이드

## 1. 핵심 기능

### 홈 대시보드
- **예산 진행 상황**: 월별/주별 예산 진행 상황 시각화
- **카테고리별 예산**: 식비, 생활비 등 카테고리별 예산 vs 지출 현황
- **최근 지출 내역**: 최근 지출 항목 빠른 확인

### 지출 관리
- **지출 기록**: 금액, 카테고리, 날짜별 지출 등록
- **지출 내역 수정/삭제**: 기존 지출 정보 수정 및 삭제
- **카테고리 필터링**: 카테고리별 지출 필터링
- **검색 기능**: 지출 내역 검색

### 예산 설정
- **전체 예산 설정**: 월간 총 예산 금액 설정
- **카테고리별 예산 설정**: 식비, 생활비 등 카테고리별 예산 할당
- **예산 기간 설정**: 월간/주간 예산 타입 선택

### 데이터 분석
- **지출 통계**: 카테고리별, 기간별 지출 분석
- **그래프 시각화**: 예산 대비 지출 그래프 시각화
- **소비 패턴 분석**: 시간에 따른 지출 패턴 확인

## 2. 사용자 관리

### 회원 기능
- **회원가입**: 이메일 기반 회원가입
- **로그인/로그아웃**: 사용자 인증
- **비밀번호 재설정**: 잊어버린 비밀번호 복구

### 프로필 관리
- **개인정보 설정**: 사용자 프로필 정보 관리
- **비밀번호 변경**: 보안 강화를 위한 비밀번호 변경

## 3. 데이터 동기화

### 클라우드 동기화
- **Supabase 연동**: 사용자 데이터 클라우드 저장
- **데이터 백업**: 기기 변경 시에도 데이터 유지
- **실시간 동기화**: 여러 기기에서 동일한 데이터 접근

### 오프라인 기능
- **로컬 데이터 저장**: 인터넷 연결 없이도 데이터 저장
- **자동 동기화**: 인터넷 연결 시 자동 데이터 동기화

## 4. 설정 및 보안

### 앱 설정
- **알림 설정**: 예산 초과 알림 등 설정
- **테마 설정**: 앱 테마 커스터마이징
- **언어 설정**: 다국어 지원

### 보안 기능
- **데이터 암호화**: 민감한 재정 정보 보호
- **보안 설정**: 앱 잠금 및 보안 강화 옵션
- **데이터 초기화**: 모든 데이터 리셋 옵션

## 5. 사용자 경험

### UI/UX
- **네오모피즘 디자인**: 모던하고 직관적인 UI
- **반응형 레이아웃**: 다양한 기기 화면 크기 지원
- **다크 모드**: 배터리 절약 및 눈 피로도 감소

### 사용자 지원
- **도움말 및 지원**: 앱 사용 가이드
- **튜토리얼**: 첫 사용자를 위한 온보딩 안내
- **피드백 시스템**: 사용자 의견 수렴

## 6. 모바일 앱 지원

### 크로스 플랫폼
- **iOS 앱**: 아이폰 및 아이패드 지원
- **안드로이드 앱**: 안드로이드 기기 지원
- **웹 앱**: 브라우저에서도 동일한 경험

### 네이티브 기능
- **푸시 알림**: 중요 알림 실시간 전달
- **오프라인 모드**: 인터넷 연결 없이도 기본 기능 사용
- **기기 저장소 접근**: 데이터 내보내기/가져오기

## 주요 기술 스택

- **프론트엔드**: React, TypeScript, Tailwind CSS
- **상태 관리**: React Context API
- **UI 컴포넌트**: shadcn/ui
- **데이터 시각화**: Recharts
- **백엔드/데이터**: Supabase (인증, 데이터베이스)
- **모바일 앱 변환**: Capacitor
