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 원 🏦
+
현재 자산과 이달 현황, 최근 거래가 이어지는 홈 화면.3
  • 현재 자산 · 순자산과 부채를 아래 두 칸으로 분리.
  • 이달 현황 · 지난달과 이번달 수입·지출 네 칸.
  • 최근 거래 · 결제수단과 분류가 함께 보이는 목록.

한 시트에서 끝내는 거래 입력

지출·수입·이체를 세그먼트로 고르고 분류는 이모지 그리드에서 정하는 입력.

거래 입력✕
지출수입이체
날짜07/08/2026, 12:10 PM
자산체크카드
분류🍜 식비
금액₩8,500
내용김밥나라
분류✕
🍜식비⌄
🎲취미생활⌄
🏠주거/통신⌄
🎁경조사/회비⌄
🪑생활용품⌄
🫶데이트⌄
🧥패션/미용⌄
🚘자동차⌄
🏦금융비용⌄
🚖교통/차량⌄
🖼문화생활⌄
기타⌄
거래 유형 세그먼트 위로 분류 바텀시트가 열린 거래 입력 화면.
  • 유형 세그먼트 · 지출·수입·이체를 한 줄에서 선택.
  • 분류 바텀시트 · 이모지 그리드로 고르는 12칸 분류.
  • 선택 표시 · 강조는 고른 분류 하나에만 민트.

가계부 안의 증권계좌 합산

키움 REST API로 잔고와 체결을 동기화합니다. 국내와 해외를 나눠 평가액과 손익, 수익률을 집계합니다. 외화 자산은 ECOS 매매기준율로 환산해 환차손익까지 따로 추적합니다.4

투자마지막 동기화: 2026-07-07 09:30 KST
📊 전체주식
총 평가액
₩52,300,000
총 평가손익
+₩3,150,000
총 투자액
₩49,150,000
총 수익률
+6.4%
일부 종목 평단 없음 — 합산 일부 제외 · 예시 데이터
가나다ABC평가손익수익률 %
🇰🇷 국내주식
삼성전자
보유 100주 · 평단 ₩68,400
어제 종가 기준 · Yahoo
+₩820,000
+12.0% · ₩76,600
한화오션
보유 50주 · 평단 ₩31,000
어제 종가 기준 · 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원 일치.

그리고 더

복식부기 이체

양쪽 계좌를 동시에 분개하는 이체.

N분할 결제

여러 계좌로 나눠 낸 결제 기록.

키움 연동

수동 입력 없이 순자산에 합산.

환율 환산

ECOS 매매기준율로 원화 환산.

1원 단위 저장

정수로 저장해 맞추는 합계.

PWA 설치

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