Personal Financial Assistant

처음 3분, 이것만 따라 하세요

기능 이름을 모두 외울 필요가 없습니다. 예시 가정의 경고를 읽고, 지출 한 건을 기록한 뒤, 결과가 어떻게 달라지는지만 확인합니다.

3분 체험 시작

먼저 알아두기: 화면의 금액은 모두 예시입니다. 이 데모는 실제 은행에 연결하거나 송금·결제·투자를 실행하지 않습니다.

가장 먼저 할 일

3분 체험: spotlight가 이끄는 8단계

이 체험은 체크리스트를 읽고 메뉴를 찾게 하지 않습니다. 화면의 나머지 부분을 어둡게 하고 지금 조작할 곳만 밝게 강조합니다. 안내창의 문구와 밝게 강조된 요소의 지시에 따라 아래 흐름을 그대로 따라가세요.

spotlight 체험 시작

1

현재 경고 이해

강조 위치 · 홈의 이번 달 판단

행위
큰 판단 문구와 바로 아래 이유를 읽고 확인했어요를 누릅니다.
예시
P02의 식비 사용 속도 경고를 확인합니다.
기대 결과
아직 아무 데이터도 바꾸지 않고 왜 주의가 필요한지 말할 수 있습니다.
P02 홈에서 이번 달 위험 판단과 이유가 spotlight로 강조된 튜토리얼 1단계
그림 22. 먼저 판단과 이유만 밝게 강조
2

기록 화면으로 이동

강조 위치 · 기록 메뉴

행위
강조된 기록 메뉴를 누릅니다.
예시
새 식비 지출을 기록하러 갑니다.
기대 결과
다른 메뉴를 탐색하지 않아도 간단 기록 폼에 도착합니다.
P02 홈에서 기록 메뉴가 spotlight로 강조된 튜토리얼 2단계
그림 23. 강조된 기록 메뉴로 기록 화면 이동
3

금액 입력

강조 위치 · 금액 입력란

행위
실제로 지출한 금액을 엔 단위 정수로 입력합니다.
예시
12000을 입력한 뒤 12000 입력 후 계속을 누릅니다.
기대 결과
입력값이 ¥12,000으로 해석되는지 확인합니다.
P02 간단 기록에서 금액 입력란이 spotlight로 강조된 튜토리얼 3단계
그림 24. ¥12,000 지출 금액 입력
4

지출한 날 확인

강조 위치 · 날짜 입력란

행위
체험 기준일과 같은 날짜인지 확인하고 이 날짜 사용을 누릅니다.
예시
2026-08-22를 그대로 사용합니다.
기대 결과
같은 기준일의 변화만 비교하고 미래 거래를 실제 지출로 잘못 기록하지 않습니다.
P02 간단 기록에서 거래일 입력란이 spotlight로 강조된 튜토리얼 4단계
그림 25. 실제 지출일 확인
5

분류 선택

강조 위치 · 어디에 썼나요?

행위
강조된 식비·외식 빠른 선택을 누릅니다.
예시
이 지출이 속한 생활비 분류를 식비·외식으로 정합니다.
기대 결과
저장 뒤 식비·외식 사용액에만 반영될 준비가 됩니다.
P02 간단 기록에서 지출 분류 선택란이 spotlight로 강조된 튜토리얼 5단계
그림 26. 식비·외식 분류 선택
6

한 번 저장

강조 위치 · 기록 저장 버튼

행위
금액·날짜·분류를 다시 보고 기록 저장을 누릅니다.
예시
식비·외식 ¥12,000을 한 번만 저장합니다.
기대 결과
같은 지출을 중복으로 만들지 않고 결과 단계로 이동합니다.
P02 간단 기록에서 기록 저장 버튼이 spotlight로 강조된 튜토리얼 6단계
그림 27. 확인한 지출 한 번 저장
7

달라진 결과 확인

강조 위치 · 저장 결과 카드

행위
저장한 내용과 이번 달 생활비의 변경 전후를 비교한 뒤 예산에서 근거 보기를 누릅니다.
예시
식비·외식 ¥12,000이 새 거래로 표시되는지 봅니다.
기대 결과
어떤 입력이 어떤 숫자를 바꿨는지 한 문장으로 확인하고 근거 화면으로 이동합니다.
P02 식비 외식 12000엔 샘플 지출 적용 후 달라진 금액 결과가 spotlight로 강조된 튜토리얼 7단계
그림 28. 저장한 지출과 이번 달 생활비 변경 확인
8

계산 근거 확인

강조 위치 · 식비·외식 사용 현황

행위
계획 화면에서 같은 분류의 사용액과 사용률을 확인하고 체험 완료를 누릅니다.
예시
기존 식비·외식 사용액에 ¥12,000이 더해진 결과를 봅니다.
기대 결과
홈의 판단이 어떤 기록을 근거로 바뀌는지 추적할 수 있습니다.
P02 식비 외식 12000엔 샘플 지출 적용 후 카테고리 사용 근거가 spotlight로 강조된 튜토리얼 8단계
그림 29. 식비·외식 사용액과 사용률로 계산 근거 확인
체험 완료 기준: “지출 1건을 기록하면 이번 달 생활비와 해당 분류의 사용 근거가 함께 다시 계산된다”는 점을 확인하면 충분합니다.
튜토리얼 캡처 URL 보기
  • ?persona=P02&view=dashboard&guideState=baseline&capture=1&tutorialStep=warning
  • ?persona=P02&view=dashboard&guideState=baseline&capture=1&tutorialStep=record-nav
  • ?persona=P02&view=transactions&guideState=baseline&capture=1&tutorialStep=amount
  • ?persona=P02&view=transactions&guideState=baseline&capture=1&tutorialStep=date
  • ?persona=P02&view=transactions&guideState=baseline&capture=1&tutorialStep=category
  • ?persona=P02&view=transactions&guideState=baseline&capture=1&tutorialStep=save
  • ?persona=P02&view=transactions&guideState=baseline&capture=1&tutorialStep=result
  • ?persona=P02&view=budget&guideState=baseline&capture=1&tutorialStep=budget-evidence

읽기 전에

헷갈리기 쉬운 돈 단어 6개

이번 달 생활비
정한 생활비 한도에서 지금까지 기록한 소비를 뺀 금액입니다. 통장잔액이 아닙니다.
기록 신뢰도
이번 달 판단에 필요한 기록이 얼마나 갖춰졌는지 보여줍니다. 미래 예측의 정확도가 아닙니다.
목표에 나눌 계획 금액
월 계획을 바탕으로 목표별로 나눠 볼 참고액입니다. 실제로 이체된 돈이 아닙니다.
목표 자금
목표에 적립했다고 기록한 금액입니다. 새로 계획 가능 = 적립 - 실제 사용 - 예약이며, 실제 별도 통장에 있다는 뜻은 아닙니다.
앞으로 쓸 돈
아직 결제하지 않은 예정지출입니다. 실제 소비로 미리 더하지 않습니다.
카드대금 납부
이미 카드로 산 금액을 갚은 기록입니다. 같은 소비를 한 번 더 더하지 않습니다.
개발용 상태 코드 보기

화면의 쉬운 한국어는 내부 상태 코드와 연결됩니다. 예: 입력 충분/일부 필요/부족은 HIGH/MEDIUM/LOW, 예정/거래로 기록됨은 PLANNED/CONVERTED, 카드대금 납부 기록은 BANK_TO_CARD입니다. 코드는 개발·검증을 위한 보조 정보이며 사용자가 외울 필요가 없습니다.

공통 화면

예시 가정과 메뉴 사용법

목적

서로 다른 생활 조건에서 같은 기능이 어떻게 달라지는지 안전하게 연습합니다.

ELI5: 보드게임에서 다른 캐릭터 카드를 골라 같은 규칙을 체험하는 것과 같습니다.

따라 하기

  1. 처음에는 P02 평균 직장인을 그대로 사용합니다.
  2. 기본 메뉴인 홈·기록·계획·더보기로 이동합니다.
  3. 다른 상황을 보고 싶을 때만 상단의 예시 가정을 바꿉니다.
기대 결과: 예시 가정을 바꾸면 그 가정의 예시 데이터와 경고가 표시되고, 다른 가정에서 저장한 변경은 유지됩니다.
금융 주의점: 예시 가정은 실제 사용자 진단이 아닙니다. 비교와 UX 검증을 위한 가상 사례입니다.

필요할 때 찾아보기

여기부터는 기능별 참고서입니다

3분 체험을 끝냈다면 지금 필요한 기능만 골라 읽으세요. 처음부터 끝까지 모두 읽을 필요는 없습니다.

01 · 홈

이번 달 재무 상태 한눈에 보기

목적

생활비 사용 속도, 경고, 남은 카드값과 기록 신뢰도를 한 화면에서 확인합니다.

ELI5: 자동차 계기판처럼 지금 주의할 일을 먼저 보여주는 돈 관리 신호등입니다.

따라 하기

  1. P02를 선택하고 이번 달 생활비와 월 진행률을 비교합니다.
  2. P10으로 바꿔 판단할 기록 부족과 낮은 기록 신뢰도를 확인합니다.
  3. P03으로 바꿔 목표별로 나눠 볼 계획 금액과 근거를 확인합니다.
  4. 화면 폭을 줄여 모바일의 홈·기록·계획·더보기 메뉴를 확인합니다.
기대 결과: P02는 위험과 지출 속도 경고를 보여줍니다. P10은 목표 배분 숫자를 숨기고 필요한 기록을 안내합니다. P03은 목표별 참고액을 보여주며, 모바일에서는 가장 자주 쓰는 네 메뉴만 먼저 보입니다.
금융 주의점: 기록 신뢰도가 낮으면 목표 배분 숫자를 사용하지 않습니다. 이번 달 생활비와 목표별 참고액은 실제 통장잔액이 아니며, 이 데모는 계좌 잔액을 연결하지 않습니다.
P02 평균 직장인의 홈에 3분 체험 카드, 위험 상태, 이번 달 생활비, 기록 신뢰도와 남은 카드값이 표시된 화면
그림 1. 첫 화면: 3분 체험과 현재 경고부터 시작
P10 기록 누락 예시 가정에 판단할 기록 부족과 낮은 기록 신뢰도, 비가용 배분 숫자가 표시된 홈
그림 2. 기록 부족: 배분 숫자를 숨기고 다음 기록 행동을 안내
P03 다중 목표 예시 가정의 홈에 목표별 참고액과 실제 이체가 아니라는 주의가 표시된 화면
그림 21. 목표별 참고액: 실제 이체가 아닌 검토용 숫자
500픽셀 너비 화면에 홈 기록 계획 더보기 네 메뉴와 한 열 카드가 표시된 모습
그림 19. 좁은 화면: 홈·기록·계획·더보기와 한 열 카드

02 · 거래

실제로 일어난 돈의 사건 기록하기

목적

수입, 소비, 저축, 투자, 이체를 각각 올바른 유형과 결제수단으로 기록합니다.

ELI5: 돈이 움직일 때마다 날짜와 이유를 한 줄씩 적는 영수증 노트입니다.

따라 하기

  1. P05에서 카드로 기록된 생활비 거래를 확인합니다.
  2. P02에서 지출, ¥12,000, 식비·외식, 데빗·현금을 입력합니다.
  3. 저장 뒤 거래 목록과 홈의 이번 달 생활비가 바뀌었는지 확인합니다.
기대 결과: 새 거래가 목록에 추가되고 관련 집계가 다시 계산됩니다.
금융 주의점: 신용카드 구매는 구매일의 소비입니다. 나중의 카드대금 납부를 새 소비로 다시 합산하면 안 됩니다.
P05 거래 목록에서 생활비가 지출이고 결제수단이 메인카드로 표시된 화면
그림 3. 카드 구매도 물건을 산 날의 지출로 기록
P02 간단 기록 화면과 거래 목록에 2026년 8월 22일 식비 외식 12000엔 데빗 현금 거래가 추가된 화면
그림 4. 간단 기록으로 추가한 ¥12,000 생활비

03 · 예산

생활비 봉투의 크기 정하기

목적

월 전체 소비 상한과 카테고리별 사용 한도를 구분해 관리합니다.

ELI5: 한 달 용돈을 식비, 주거비, 생활비 봉투에 나눠 담는 일입니다.

따라 하기

  1. P02에서 각 카테고리의 사용액과 한도를 확인합니다.
  2. 식비·외식 한도를 ¥80,000으로 변경합니다.
  3. 진행 막대와 비율이 새 한도를 기준으로 바뀌는지 확인합니다.
기대 결과: 거래 금액은 그대로이고 선택한 카테고리의 한도와 사용률만 바뀝니다.
금융 주의점: 카테고리 한도의 합계가 월 전체 소비 상한을 넘는다고 실제 돈이 생기는 것은 아닙니다.
P02의 카테고리별 예산과 현재 사용률이 진행 막대로 표시된 기본 예산 화면
그림 5. 변경 전 카테고리 예산
P02 식비 외식 한도가 80000엔으로 변경되어 사용률이 다시 계산된 예산 화면
그림 6. 식비·외식 한도 변경 후

04 · 고정·반복

예정된 항목을 실제 거래로 확정하기

목적

매달 예상되는 비용을 미리 관리하되 실제 발생 전에는 거래로 세지 않습니다.

ELI5: 달력의 알림은 영수증이 아닙니다. 실제로 돈이 움직였을 때만 확인 도장을 찍습니다.

따라 하기

  1. P07에서 확인 필요인 월세·고정비를 찾습니다.
  2. 이번 회차가 실제로 발생했다면 이번 건 실제 거래로 기록을 누릅니다.
  3. 상태가 이번 건 기록 완료로 바뀌고 거래에도 한 번만 추가됐는지 확인합니다.
기대 결과: 선택한 이번 회차만 실제 거래가 되고 다른 반복 항목은 그대로 유지됩니다.
금융 주의점: 예정과 실제를 동시에 소비로 집계하면 중복됩니다. 건너뛰기는 이번 회차만 발생하지 않았다는 뜻입니다.
P07의 월세 고정비와 정기 적립에 이번 건 실제 거래로 기록과 이번에는 건너뛰기 선택지가 있는 화면
그림 7. 실제 발생 여부를 아직 확인하지 않은 반복 항목
P07 월세 고정비가 실제 거래로 한 번 기록된 화면
그림 8. 이번 회차 출금을 기록한 뒤

05 · 목표 자금

모은 돈과 이미 약속한 돈 구분하기

목적

목표별 목표액, 모은 돈, 실제로 쓴 돈, 이미 약속한 돈과 새로 계획 가능한 금액을 따로 확인합니다.

ELI5: 저금통 안의 돈에도 이름표를 붙여, 이미 쓰기로 약속한 돈을 다시 쓰지 않게 합니다.

따라 하기

  1. P03을 선택합니다.
  2. 주택 계약금, 교육비, 가족 여행 목표를 비교합니다.
  3. 적립 - 실제 사용 - 예약 = 새로 계획 가능한 금액 관계를 확인합니다.
  4. 가을 여행의 숙박 예약이 가족 여행 목표 자금에 연결됐는지 확인합니다.
  5. P07 학비 예정지출을 실제 지출로 기록한 뒤 예약액은 0원이 되고 같은 금액이 실제 사용으로 이동하는지 확인합니다.
기대 결과: 목표 달성률과 별도로 실제 사용액, 예약액과 새로 계획 가능한 금액이 보입니다. 목표 자금의 예정지출을 실제 거래로 기록하면 예약은 해제되지만 실제 사용액으로 남아 같은 돈을 다시 쓸 수 없습니다.
금융 주의점: 목표에 적립했다는 기록이 실제 별도 계좌 잔액을 보장하지 않습니다. 예약액을 새로 쓸 수 있는 돈으로 계산하면 안 되며, 실제 사용이 적립액을 넘으면 초과 사용 경고를 0원으로 숨기지 않습니다.
P03의 주택 계약금, 교육비, 가족 여행 목표에 목표액과 모은 돈 실제 사용 이미 약속한 돈 새로 계획 가능한 금액이 표시된 화면
그림 9. 여러 목표에서 모은 돈·실제 사용·약속·새 계획 가능액 비교
P07 학비 예정지출 기록 후 목표 화면에서 예약액 0원과 실제 사용액 120000엔, 새로 계획 가능한 금액 80000엔이 표시된 상태
그림 20. 목표 자금 예약이 실제 사용으로 이동한 뒤

06 · 앞으로 쓸 돈

예정지출을 실제 지출과 분리하기

목적

앞으로 쓸 계획을 예약하고, 취소하거나 실제 거래로 전환합니다.

ELI5: 장보기 목록에 쓴 물건은 아직 산 것이 아닙니다. 계산을 마친 뒤에만 영수증이 됩니다.

따라 하기

  1. P07에서 다음 학기 학비의 예정 상태와 예정일 2026-08-22를 확인합니다.
  2. 예정일이 기준일 이내이고 실제로 사용했다면 실제로 쓴 돈으로 기록을 누릅니다.
  3. 항목이 지출 기록 완료가 되고 예정일은 보존된 채 실제 거래가 한 번 생성됐는지 확인합니다.
  4. 목표 자금 화면에서 예약액이 0원이 되고 실제 사용액이 같은 금액만큼 늘었는지 확인합니다.
기대 결과: 기준일 이내에 실제 발생한 항목만 지출로 기록되고 같은 금액의 거래가 한 번만 생성됩니다. 연결된 목표 자금 예약도 함께 해제됩니다.
금융 주의점: 미래 예정일이거나 실제 발생하지 않은 항목은 지출로 기록할 수 없습니다. 예정금액은 실제 소비가 아니며, 기록 전후를 동시에 더하거나 목표 자금 예약을 남겨 두면 안 됩니다.
P07 다음 학기 학비 120000엔이 목표 자금에서 쓸 예정인 항목으로 표시된 화면
그림 10. 실제 지출 전의 학비 예정
P07 학비 예정지출이 실제로 발생해 지출 기록 완료 상태가 된 화면
그림 11. 실제 결제를 확인해 지출로 기록한 뒤

07 · 보너스

예상 보너스와 실제 입금액 분리하기

목적

받을 것으로 예상한 금액과 통장에 실제로 들어온 금액을 구분하고 특별자금 배분을 검토합니다.

ELI5: 받을지도 모르는 선물과 이미 손에 받은 선물을 같은 상자에 넣지 않는 것입니다.

따라 하기

  1. P02에서 받을 예정인 보너스를 확인합니다.
  2. 비어 있는 입력란에 통장에 실제로 들어온 금액 ¥550,000과 날짜 2026-08-22를 직접 입력합니다.
  3. 실제 입금 기록을 누르고, 실제 입금 합계와 계획 부족 경고를 확인합니다.
기대 결과: 예상액은 비교 기준으로 남고 실제 입금 거래가 별도로 기록됩니다. 계획 배정 합계 ¥600,000이 실제 입금 ¥550,000보다 ¥50,000 많으므로 배분 부족 경고가 표시됩니다.
금융 주의점: 부족한 ¥50,000을 임의로 채워진 것으로 처리하지 말고 사용자가 계획 배정을 줄여야 합니다. 보너스는 일반 월 생활예산을 자동으로 늘리지 않으며 예상액을 실제 현금처럼 미리 쓰면 안 됩니다.
P02 여름 보너스가 예상액 600000엔의 받을 예정 상태이고 실제 입금액 입력 폼이 표시된 화면
그림 12. 아직 입금되지 않은 예상 보너스
P02 보너스 실제 입금액 550000엔을 기록해 계획 배정 대비 50000엔 부족 경고가 표시된 화면
그림 13. 실제 입금액보다 ¥50,000 많은 계획 경고

08 · 카드대금

카드 구매와 통장 출금 구분하기

목적

카드 구매, 카드부채, 실제 은행 출금을 서로 다른 사건으로 보존합니다.

ELI5: 카드를 긁은 날은 물건을 산 날이고, 카드값이 빠진 날은 빚을 갚은 날입니다. 같은 물건을 두 번 산 것은 아닙니다.

따라 하기

  1. P05에서 첫 번째 카드의 사용액, 이미 납부한 금액과 남은 카드값을 확인합니다.
  2. 실제로 통장에서 빠져나간 카드대금 ¥20,000을 기록합니다.
  3. 카드 사용액은 유지되고 납부액은 늘며 남은 카드값은 줄었는지 확인합니다.
기대 결과: 추가 납부는 실제 유출 기록에 반영되지만 생활비 소비에는 다시 더해지지 않습니다.
금융 주의점: 이 버튼은 은행 이체를 실행하지 않습니다. 이미 발생한 출금을 기록할 뿐이며 실제 계좌잔액은 제공하지 않습니다.
P05 카드대금 화면에 카드별 사용액 납부액 남은 카드값과 연체 상태가 표시된 화면
그림 14. 카드 구매와 기존 실제 납부 기록
P05 첫 번째 카드에 20000엔의 실제 카드대금 납부를 추가해 납부액과 실제 유출이 증가하고 남은 카드값이 감소한 화면
그림 15. 카드대금 납부 후 사용액·납부액·남은 금액의 변화

09 · 월별 분석

달마다 기록된 흐름 비교하기

목적

월별 수입, 생활비, 저축, 투자를 같은 기준으로 비교합니다.

ELI5: 달마다 찍은 돈 관리 사진을 나란히 놓고 무엇이 달라졌는지 보는 것입니다.

따라 하기

  1. P06을 선택합니다.
  2. 7월과 8월의 생활비·저축·투자를 비교합니다.
  3. 기록 기준 잉여가 어떤 항목을 뺀 값인지 확인합니다.
기대 결과: 투자 중심 예시 가정에서 소비와 투자가 별도 열로 보입니다.
금융 주의점: 기록 기준 잉여는 순자산 증가나 실제 계좌잔액 변화가 아닙니다. 누락 거래가 있으면 결과도 불완전합니다.
P06의 2026년 7월과 8월 수입 생활비 저축 투자 기록 기준 잉여를 비교하는 표
그림 16. 투자 중심 예시 가정의 월별 집계

10 · 설정

계산에 쓰는 기본 규칙 정하기

목적

월 예상 실수령, 월 소비 상한, 수입 형태, 관리 성향을 확인하고 변경합니다.

ELI5: 앱이 계산할 때 참고할 자와 저울의 기준점을 맞추는 곳입니다.

따라 하기

  1. P08을 선택합니다.
  2. 수입 형태가 불규칙 수입, 관리성향이 안정 우선인지 확인합니다.
  3. 계좌와 결제수단이 서로 다른 목록인지 확인합니다.
기대 결과: 계좌는 돈의 위치, 결제수단은 소비 방법으로 분리되어 표시됩니다.
금융 주의점: 예상 실수령액을 바꿔도 실제 입금 거래나 계좌잔액은 만들어지지 않습니다.
P08 프리랜서 예시 가정의 불규칙 수입 형태와 안정 우선 관리성향, 계좌와 결제수단 목록이 표시된 설정 화면
그림 17. 불규칙 수입 사용자 설정과 계좌·결제수단 분리

11 · 기능 범위

현재 가능한 것과 아직 없는 것 확인하기

목적

데모가 대표하는 기능과 아직 제공하지 않는 기능을 명확히 구분합니다.

ELI5: 완성된 방과 아직 공사 중인 방을 표시한 건물 안내도입니다.

따라 하기

  1. P02에서 기능 범위 메뉴를 엽니다.
  2. 현재 구현·검증됨과 아직 제공하지 않음을 비교합니다.
  3. 아래 데모 경계 표와 함께 읽습니다.
기대 결과: 실제 계좌 원장, CSV·은행 연동, OCR 같은 미제공 항목이 완료 기능과 섞이지 않습니다.
금융 주의점: 이 화면과 스크린샷은 독립형 데모 동작의 증거일 뿐 API·DB·인증·보안 검증 결과를 대신하지 않습니다.
현재 구현 및 검증된 대표 흐름과 실제 계좌 원장 CSV 연동 OCR 등 아직 제공하지 않는 기능이 두 열로 구분된 화면
그림 18. 제공 범위를 과장하지 않는 기능 지도

예시 가정

P01~P10은 무엇을 확인하나요?

P01
저소득·고정비 과다 경고
P02
평균 직장인의 예산 속도
P03
고소득·다중 목표 예약
P04
저월급·고보너스 분리
P05
카드 과소비와 납부 분리
P06
투자 중심 배분
P07
가족 부양·학비 예약
P08
프리랜서 불규칙 소득
P09
현금·데빗 기록 누락 가능성
P10
불완전한 입력의 확신도 제한
금융 주의점: 예시 가정의 결과를 개인에게 그대로 적용하거나 재무 진단으로 해석하지 마세요.

제품 경계

데모가 하는 것과 하지 않는 것

독립형 UX 데모에서 확인할 수 있는 범위
데모가 하는 것데모가 하지 않는 것
P01~P10 합성 데이터로 UX 체험실제 사용자 금융데이터 사용
현재 브라우저에만 임시 저장서버나 데이터베이스에 영구 저장
예산·거래·목표 계산 흐름 시연실제 통장잔액·순자산 계산
카드 구매와 납부 개념 분리은행 또는 카드사 송금·결제
화면 상태 변경 시연로그인·사용자 데이터 격리·동시 입력 검증
모바일 반응형 화면 체험CSV·OCR·은행 직접 연동
계획상 배분 참고금융상품 추천 또는 투자 자문

스크린샷은 독립형 데모의 화면 상태만 보여줍니다. 실제 앱의 서버, 데이터베이스, 로그인, 보안 및 금융 정확성 검증 결과를 뜻하지 않습니다.

도움말

초기화와 문제 해결

  • 변경을 되돌리려면 상단의 이 예시 다시 시작을 누릅니다.
  • 다른 예시 가정의 데이터는 함께 지워지지 않습니다.
  • 브라우저 저장소를 지우거나 시크릿 창을 닫으면 데모 입력이 사라질 수 있습니다.
  • 가이드 이미지가 보이지 않으면 저장소 루트에서 캡처 스크립트를 실행했는지 확인합니다.
  • 키보드 사용자는 Tab으로 메뉴와 폼을 이동하고 Enter로 버튼을 실행할 수 있습니다.

스크린샷 재현 계약과 시나리오는 screenshot-manifest.json에 기록되어 있습니다.