양쪽 계좌를 동시에 분개하는 이체.
MINT
지출부터 투자까지 1원 단위로 맞추는 가계부.
매일의 기록과 증권계좌를 복식부기 하나로 묶은 개인 재무 PWA.1
한 화면에 모이는 자산 현황
현재 자산과 순자산·부채, 이달 현황을 첫 화면에 모아 두는 홈.2
현재 자산
217,350,000 원
1종목 시세 없음 — 합산 일부 제외
순자산
189,350,000 원
부채
−28,000,000 원
이달 현황
지난달 지출
2,184,300 원
지난달 수입
5,400,000 원
이번달 지출
312,450 원
이번달 수입
4,200,000 원
최근 거래 전체 보기 →
💳 김밥나라
🍜 식비 · 12:10
8,500 원
💳 성수커피
🍜 식비 · 09:12
4,800 원
💳 테니스장 대관
🎲 취미생활 · 20:31
20,000 원
자산 현황
총 자산
217,350,000 원 🏦
+
- 현재 자산 · 순자산과 부채를 아래 두 칸으로 분리.
- 이달 현황 · 지난달과 이번달 수입·지출 네 칸.
- 최근 거래 · 결제수단과 분류가 함께 보이는 목록.
한 시트에서 끝내는 거래 입력
지출·수입·이체를 세그먼트로 고르고 분류는 이모지 그리드에서 정하는 입력.
지출수입이체
날짜07/08/2026, 12:10 PM
자산체크카드
분류🍜 식비
금액₩8,500
내용김밥나라
분류✕
🍜식비⌄
🎲취미생활⌄
🏠주거/통신⌄
🎁경조사/회비⌄
🪑생활용품⌄
🫶데이트⌄
🧥패션/미용⌄
🚘자동차⌄
🏦금융비용⌄
🚖교통/차량⌄
🖼문화생활⌄
기타⌄
- 유형 세그먼트 · 지출·수입·이체를 한 줄에서 선택.
- 분류 바텀시트 · 이모지 그리드로 고르는 12칸 분류.
- 선택 표시 · 강조는 고른 분류 하나에만 민트.
가계부 안의 증권계좌 합산
키움 REST API로 잔고와 체결을 동기화합니다. 국내와 해외를 나눠 평가액과 손익, 수익률을 집계합니다. 외화 자산은 ECOS 매매기준율로 환산해 환차손익까지 따로 추적합니다.4
📊 전체주식
총 평가액
₩52,300,000
총 평가손익
+₩3,150,000
총 투자액
₩49,150,000
총 수익률
+6.4%
일부 종목 평단 없음 — 합산 일부 제외 · 예시 데이터
가나다ABC평가손익수익률 %
🇰🇷 국내주식
삼성전자
보유 100주 · 평단 ₩68,400
어제 종가 기준 · Yahoo
어제 종가 기준 · Yahoo
+₩820,000
+12.0% · ₩76,600
한화오션
보유 50주 · 평단 ₩31,000
어제 종가 기준 · Yahoo
어제 종가 기준 · Yahoo
−₩310,000
−20.0% · ₩24,800
🇺🇸 해외주식
총 평가액
$18,240
총 평가손익
+$1,910
환차손익(미실현)
₩120,000
VOO
보유 20주 · 평단 $520
+$1,300
+12.5%
생활과 투자를 나눈 통계
생활수입과 생활지출을 투자·금융과 분리해 집계하는 통계.
생활수입 · 2026년 7월
₩4,200,000
투자·금융 제외
생활지출 · 2026년 7월
₩486,200
투자·금융 제외
생활수지 · 2026년 7월
+₩3,713,800
투자순손익 · 전체
+₩8,420,000
2023~ 누적
카테고리별 지출
생활지출만 (투자·거래비용 제외)
생활지출₩486,200
🍜 식비₩301,400
🎲 취미생활₩121,500
🪑 생활용품₩63,300
카테고리 합계 = 생활지출
₩486,200 ✓
- 생활 수지 · 투자·금융을 뺀 수입과 지출 집계.
- 카테고리 도넛 · 항목별 바와 함께 보는 지출 구성.
- 합계 검산 · 카테고리 합계와 생활지출의 1원 일치.
그리고 더
여러 계좌로 나눠 낸 결제 기록.
수동 입력 없이 순자산에 합산.
ECOS 매매기준율로 원화 환산.
정수로 저장해 맞추는 합계.
iOS Safari 홈 화면에 추가.
설계 노트
색은 의미로만. 민트 = 선택·브랜드, 블루/레드 = 수입/지출, 앰버 = 기록 진입(+). 한 화면에 강조 신호는 하나.
위계는 무게로. 좁은 셀에서는 크기 대신 font-weight로 위계를 만듭니다.
모션은 의미 있을 때 한 번. 펼침/접힘 200ms, 장식 모션 없음. prefers-reduced-motion 전역 대응.
불확실성은 표시. 시세 누락과 합산 제외는 화면에 명시합니다. 조용히 틀린 합계를 보여주지 않습니다.
모바일 PWA 우선 · iOS Safari 홈 화면에 추가 · 라이트·다크 토큰 동시 설계.
- Next.js 15
- TypeScript
- Tailwind + shadcn/ui
- Drizzle
- Turso (libSQL)
- 키움 REST
- ECOS 환율
- Yahoo 시세
- Vercel
- Vitest