1.8 KiB
1.8 KiB
변경 내역
2026-08-13
- Nuxt 3, Vue 3, TypeScript, Tailwind CSS 기반 프로젝트를 생성했다.
- Prisma, PostgreSQL, Docker Compose 기반 DB 구성을 추가했다.
- PWA manifest와 앱 아이콘을 추가했다.
- 로그인, 자산, 카테고리, 거래 CRUD API의 기본 골격을 추가했다.
- 모바일 하단 탭, 바텀 시트 선택 UI, 플로팅 추가 버튼을 적용했다.
- 거래 목록, 거래 추가, 거래 상세/수정, 통계, 자산, 설정 화면을 추가했다.
- 통계 화면은 월별 수입/지출 분류 집계 중심으로 정리했다.
- 자산 화면은 자산 목록과 자산별 월 거래 내역으로 분리했다.
- 설정 화면은 항목 목록에서 자산/카테고리 관리 상세로 들어가는 구조로 변경했다.
- PC 화면에서는 모바일 고정 폭을 제거하고 사이드바와 넓은 콘텐츠 영역을 사용하도록 전역 레이아웃을 수정했다.
- 카테고리 관리를 수입/지출별 상위 카테고리 목록과 하위 카테고리 상세 목록 구조로 변경했다.
- 카테고리 추가는 상시 노출 입력 폼 대신 헤더의
+버튼과 바텀 시트 입력으로 변경했다. - 카테고리 관리 화면에서 활성/비활성 토글 표시를 제거했다.
- 전역 UI 밀도를 낮추고 입력 필드 좌우 여백을 정리했다.
- 바텀 시트 선택 버튼에서 하단 화살표를 제거했다.
- 로그인 화면이 하단 탭 여백 때문에 스크롤되는 문제를 수정했다.
- 입력 중 스크롤이 튀는 현상을 줄이기 위해 바텀 시트 body overflow 변경과 추가 화면 sticky 저장 버튼을 제거했다.
- 거래 목록 행을 날짜 그룹, 카테고리 아이콘 자리, 기본 2줄 정보, 메모가 있을 때만 보이는 3번째 줄 구조로 변경했다.
- 메모 입력과 저장 길이를 최대 60자로 제한했다.