[#129] feat: 미래자산 포켓 상세 화면 및 월간 달성 현황 구현

[gyak]

관련 이슈

closes: #129

작업 내용

• 미래자산 포켓 클릭 시 상세 화면으로 이동하도록 구현
• 미래자산 상세 화면에 현재 자산, 월간 계획, 적금·투자 계좌 목록 표시
• user1에 투자 계좌와 9월 적금 납입 목데이터 추가
• 적금·투자 계좌 잔액을 합산해 현재 미래자산 계산
• 적금·투자 계좌로 이체한 금액을 월간 달성액으로 집계
• 포켓 홈 미래자산 카드에 달성액, 달성률, 프로그레스 바 연동
• 계좌별 이번 달 납입액을 마이데이터 계좌 응답에 추가
• 계좌 카드에 이번 달 납입 +금액 표시
• 적금과 투자 계좌에 전용 아이콘 적용
• 미래자산 상세 화면의 예산 조정 안내 영역 제거
  데이터 집계 기준
• 현재 미래자산: 활성화된 SAVINGS, INVESTMENT 계좌 잔액 합계
• 이번 달 달성액: 본인 계좌에서 적금·투자 계좌로 이동한 정상 SELF_TRANSFER 합계
• 남은 금액: max(계획 금액 - 달성액, 0)
• 달성률: 달성액 / 계획 금액 × 100
• 달성률은 소수점 한 자리까지 표시
• 프로그레스 바는 최대 100%로 제한
  목데이터
  user1 기준:
• 청년적금 잔액: 3,600,000원
• 투자계좌 평가 잔액: 700,000원
• 9월 청년적금 납입: 250,000원
• 9월 미래자산 계획: 300,000원
• 달성률: 83.3%
• 남은 금액: 50,000원
• 현재 미래자산 합계: 4,300,000원
  API 변경
  GET /api/asset-forecast
  추가된 응답값:
  {
  "achievedAmount": 250000,
  "remainingAmount": 50000,
  "achievementRate": 83.3
  }
  GET /api/mydata/accounts
  계좌별 추가 응답값:
  {
  "monthlyContribution": 250000
  }
  테스트
• 프론트엔드 빌드 성공
• TypeScript 검사 통과
• ESLint 통과
• SVG 문법 검사 통과
• 백엔드 전체 테스트 통과
• 백엔드 컴파일 성공
• git diff --check 통과
  참고 사항
• 투자계좌는 현재 계좌 평가 잔액만 제공합니다.
• 매입원금과 평가손익은 기존 마이데이터 모델에서 제공하지 않아 이번 작업 범위에 포함하지 않았습니다.
• 변경된 data.sql과 API 응답을 반영하려면 백엔드 재시작이 필요합니다.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	dday	7a47e6a	Commit Preview URL Branch Preview URL	Sep 09 2026, 12:14 PM