4.2 KiB
4.2 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자로 제한했다.
- 거래 입력/수정에서 시간 입력을 제거하고 날짜 바텀 시트 선택으로 변경했다.
- 금액 입력 기본값을 제거하고 placeholder로 안내하도록 변경했다.
- 거래 목록의 카테고리 표시는 하위 카테고리명 중심으로 단순화했다.
- 내역 화면 상단을 헤더, 월 요약, 주간 날짜 스트립 구조로 개편했다.
- 방향 이동 버튼을
assets/icons의 SVG 화살표로 통일했다. - 내역 화면의 선택일 요약 박스를 제거하고 날짜별 수입/지출 금액을 주간 날짜 셀 안에 작게 표시했다.
- 월 지출 하단 설명을 수입/차액 대신 지난달 대비 지출 비교 문구로 단순화했다.
- 하단 네비게이션과 PC 사이드바에 SVG 메뉴 아이콘을 적용하고 활성 탭 색상을 명확하게 표시했다.
- SVG 메뉴 아이콘이 사각형으로 보이는 문제를 수정하고 활성 아이콘 배경을 추가했다.
- 내역 검색과 유형/자산/카테고리 필터 바텀 시트를 구현했다.
- 거래 목록 API에 검색어, 유형, 자산, 카테고리 필터 query를 추가했다.
- 월 선택 바텀 시트를 공통 컴포넌트로 분리하고 내역, 통계, 자산 화면에 적용했다.
- 거래 추가 화면을 거래 수정 화면과 같은 행 기반 입력 구조로 정리했다.
- 회원가입 API와 로그인 화면의 로그인/회원가입 전환 UI를 추가했다.
- 가입 시 기본 자산과 기본 수입/지출 카테고리가 생성되도록 했다.
- 읽기 전용 공유 링크 기능 계획을 TODO에 추가했다.
- 읽기 전용 공유 링크 DB 모델과 migration을 추가했다.
- 공유 링크 생성, 목록 조회, 삭제 API를 추가했다.
- 만료 기간이 있는 공개 읽기 전용 공유 화면을 추가했다.
- 설정 화면에 계정 관리, 로그아웃, 공유 링크 관리 화면을 추가했다.
- 카테고리에 아이콘과 색상 필드를 추가하고 Prisma migration을 추가했다.
- 카테고리 관리 화면에서 상위/하위 목록을 거쳐 카테고리 상세 정보를 수정할 수 있도록 했다.
- 거래 목록의 카테고리 아이콘 자리를 카테고리별 아이콘/색상 설정과 연결했다.
- 거래 입력/수정의 카테고리 선택을 실제 선택 가능한 최종 카테고리 중심으로 정리했다.
- README에 개발, 빌드, Prisma 관련 주요 명령과 현재 검증 기준을 정리했다.