From f1e5075b74613f508d1cc03bc95d8aa8ef5b694d Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Thu, 13 Aug 2026 17:26:47 +0900
Subject: [PATCH] Add project todo list

---
 todo.md | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 todo.md

diff --git a/todo.md b/todo.md
new file mode 100644
index 0000000..c919813
--- /dev/null
+++ b/todo.md
@@ -0,0 +1,87 @@
+# TODO
+
+완료한 항목은 이 파일에서 제거한다.
+
+## 1. 공통 화면 구조 정리
+
+- 모든 주요 페이지의 상단 헤더 구조를 통일한다.
+- 내역, 통계, 자산 페이지의 월 표시 위치와 좌우 이동 버튼 위치를 맞춘다.
+- PC 화면에서 각 페이지가 너무 모바일 화면처럼 보이지 않도록 표/패널 밀도를 조정한다.
+- 모바일과 PC에서 같은 기능이 서로 다른 위치에 흩어지지 않도록 액션 버튼 배치를 정리한다.
+
+## 2. 내역 화면
+
+- 검색 버튼 동작을 구현한다.
+- 필터 버튼을 바텀 시트로 연결하고 유형, 자산, 카테고리 필터를 제공한다.
+- 월 제목을 누르면 월 선택 바텀 시트가 열리도록 구현한다.
+- 주간 날짜 스트립의 스와이프/이동 동작을 더 자연스럽게 다듬는다.
+- 날짜별 수입/지출 표시가 좁은 화면에서도 겹치지 않도록 최종 조정한다.
+- 거래 행 왼쪽 아이콘을 카테고리별 아이콘으로 표시한다.
+- 거래 취소/환불 같은 상태 표시 규칙을 정한다.
+
+## 3. 거래 입력/수정
+
+- 거래 추가 화면을 첨부 이미지처럼 행 기반 입력 화면으로 재정리한다.
+- 수입, 지출, 이체 탭의 동작과 저장 로직을 완성한다.
+- 날짜 선택 바텀 시트의 오늘/이번 달 빠른 이동 기능을 추가한다.
+- 자산 선택 후 카테고리 선택으로 자연스럽게 이어지는 입력 흐름을 만든다.
+- 금액 입력 키패드 또는 숫자 입력 UX를 개선한다.
+- 복사, 삭제, 자주사용 버튼의 실제 동작을 완성한다.
+- 사진 첨부 UI의 저장 구조를 설계하고 구현한다.
+
+## 4. 카테고리
+
+- 카테고리별 아이콘 설정 기능을 구현한다.
+- 카테고리별 색상 설정 기능을 구현한다.
+- 상위 카테고리와 하위 카테고리의 추가, 수정, 삭제 화면을 완성한다.
+- 카테고리 정렬 순서 변경 기능을 추가한다.
+- 사용 중인 카테고리 삭제 시 처리 규칙을 정한다.
+
+## 5. 자산
+
+- 자산 목록 화면의 PC/모바일 레이아웃을 다듬는다.
+- 자산 상세 화면의 월 이동 헤더를 공통 구조에 맞춘다.
+- 자산 상세에서 일별/월별/연별 보기 전환을 구현한다.
+- 자산 추가/수정 화면을 별도 상세 화면 또는 바텀 시트로 정리한다.
+- 자산 삭제 또는 숨김 처리 규칙을 정한다.
+- 이체 거래가 자산 잔액에 정확히 반영되도록 구현한다.
+
+## 6. 통계
+
+- 통계 화면의 월 이동 헤더를 공통 구조에 맞춘다.
+- 수입/지출 탭의 목록 밀도와 표시 정보를 정리한다.
+- 기간 선택 바텀 시트를 월간, 연간, 사용자 지정 범위로 확장한다.
+- 카테고리별 합계에서 상위/하위 카테고리 표시 규칙을 다듬는다.
+- 그래프가 필요해질 경우 최소한의 막대/도넛 차트를 추가한다.
+
+## 7. 설정
+
+- 설정 홈의 항목 구성을 다시 정리한다.
+- 자산 관리 화면을 추가/수정/삭제가 명확한 상세 구조로 바꾼다.
+- 카테고리 관리 화면의 추가/수정 흐름을 더 단순화한다.
+- 주 화폐, 월 시작일, 주간 시작일 같은 기본 설정 항목을 구현한다.
+- 설정 변경이 실제 화면 계산과 표시 방식에 반영되도록 연결한다.
+
+## 8. 데이터와 API
+
+- 거래 API에서 이체 타입을 지원한다.
+- 검색과 필터용 API query를 추가한다.
+- 카테고리 아이콘/색상 필드를 Prisma schema에 추가한다.
+- 사용자 설정 테이블을 추가한다.
+- 거래 목록 조회 성능을 고려해 필요한 index를 점검한다.
+- CSV 내보내기 컬럼을 실제 사용 흐름에 맞게 정리한다.
+
+## 9. 인증과 사용자 경험
+
+- 로그인 실패, 세션 만료, 네트워크 오류 상태를 화면에서 명확히 보여준다.
+- 로그아웃 동작과 위치를 정리한다.
+- 첫 실행 시 기본 자산/카테고리 생성 흐름을 점검한다.
+- 빈 데이터 상태 화면을 페이지별로 다듬는다.
+
+## 10. 품질
+
+- 핵심 유틸 함수 테스트를 추가한다.
+- 거래 생성, 수정, 삭제 API 테스트를 추가한다.
+- 카테고리와 자산 API 테스트를 추가한다.
+- 주요 모바일 화면을 Playwright로 스모크 테스트한다.
+- 빌드, lint, 테스트 명령을 README에 정리한다.