드디어 나만의 투자 대시 보드를....

# 자산 계좌 구분, 퇴직연금 리밸런싱 및 CSV Import 기능 구현 계획

사용자의 요구에 따라 개별 자산을 계좌 구분(퇴직연금, 개인연금, IRP, ISA, 일반 주식계좌)별로 분할 관리하고, 퇴직연금/IRP 계좌의 안전자산(채권, 예금) 비율을 모니터링하여 리밸런싱이 필요한 경우 즉시 가이드를 제공하는 리밸런싱 위젯을 도입합니다. 또한, 대량의 자산을 손쉽게 등록할 수 있는 CSV 파일 가져오기(Import) 기능을 설계합니다.

## User Review Required

> [!IMPORTANT]
> **계좌 종류 및 자산군 추가**
> *   **계좌 종류 (Account Types)**: 퇴직연금, 개인연금, IRP, ISA, 일반 주식계좌
> *   **자산 종류 추가**: 기존 주식, 가상자산, 현금, 부동산에 **'채권 (Bond)'** 카테고리를 추가합니다. (채권은 퇴직연금 안전자산 요건 충족 여부를 판단하는 핵심 요소입니다.)

> [!IMPORTANT]
> **퇴직연금 안전자산(채권/예금) 리밸런싱 규칙**
> *   현행법상 퇴직연금(DC형) 및 IRP 계좌는 위험자산(주식, 가상자산 등) 투자 한도가 최대 70%로 제한되며, **최소 30%의 안전자산(채권, 예금/현금)**을 의무적으로 보유해야 합니다.
> *   대시보드 메인에 **'퇴직연금 & IRP 리밸런싱 관리자'** 영역을 추가하여, 퇴직연금/IRP 계좌의 안전자산 비중이 30% 미만으로 떨어질 경우 경고 아이콘과 함께 **"정상 비율(30%) 유지를 위해 추가 매수해야 하는 안전자산 금액(₩)"**을 계산하여 리밸런싱 가이드를 제공합니다.

> [!IMPORTANT]
> **CSV 가져오기(Import) 규격**
> *   간단한 CSV 파일 업로드 기능을 제공합니다. 규격은 다음과 같습니다:
>     `자산 종류,계좌 종류,자산 이름,종목코드/티커,보유 수량,매수평단가`
>     (예시: `stock,isa,삼성전자,005930,10,72000`)
> *   한글 입력 편의를 위해 자산 종류 한글 매핑(`주식`, `채권`, `현금` 등) 및 계좌 종류 한글 매핑(`퇴직연금`, `개인연금` 등)도 자동으로 인식하도록 구현합니다.

## Proposed Changes

### [Frontend Component Enhancements]

#### [MODIFY] [src/services/api.js](file:///Users/hansangkim/stock-dashboard/src/services/api.js)
*   '채권(bond)' 자산 종류에 대해 실시간 가격 조회를 지원하도록 업데이트합니다. 국내 채권 ETF(예: `148070` KOSEF 국고채10년)는 네이버 금융 주식 코드를 통해 동일하게 패치 가능합니다.

#### [MODIFY] [src/components/AssetModal.jsx](file:///Users/hansangkim/stock-dashboard/src/components/AssetModal.jsx)
*   자산 종류 셀렉트 박스에 '채권' 옵션을 추가합니다.
*   자산을 저장할 계좌 종류 셀렉트 박스(퇴직연금, 개인연금, IRP, ISA, 일반 주식계좌)를 추가합니다.

#### [MODIFY] [src/components/AssetList.jsx](file:///Users/hansangkim/stock-dashboard/src/components/AssetList.jsx)
*   보유 자산 목록 테이블에 '계좌 종류' 컬럼을 추가하고 세련된 배지 형태로 렌더링합니다.

#### [NEW] [src/components/RebalancingWidget.jsx](file:///Users/hansangkim/stock-dashboard/src/components/RebalancingWidget.jsx)
*   퇴직연금 및 IRP 계좌의 안전자산 비중을 점검하는 전용 대시보드 모듈입니다.
*   **안전자산군(현금, 채권)** vs **위험자산군(주식, 가상자산)**의 현재 비율을 프로그레스 바 형태로 시각화합니다.
*   안전자산 비중이 30% 미만일 때 경고 메시지 및 리밸런싱 가이드(추가 매수액)를 동적으로 표시합니다.

#### [NEW] [src/components/CsvImportModal.jsx](file:///Users/hansangkim/stock-dashboard/src/components/CsvImportModal.jsx)
*   CSV 파일을 브라우저에서 드래그 앤 드롭하거나 선택하여 파싱할 수 있는 파일 오버레이 모달입니다.
*   템플릿 복사 기능 및 올바른 데이터 입력 가이드를 포함합니다.

#### [MODIFY] [src/App.jsx](file:///Users/hansangkim/stock-dashboard/src/App.jsx)
*   전체 자산 상태 관리에 `accountType` 속성을 추가하고 초기 기본 데이터를 연금 계좌 및 채권을 포함하도록 리뉴얼합니다.
*   상단 헤더 영역에 **"CSV 가져오기"** 버튼을 배치하고 업로드 시 자산 데이터를 합산하여 통합 갱신하는 핸들러를 추가합니다.
*   메인 대시보드 레이아웃에 **'리밸런싱 관리자'** 위젯을 추가합니다.

## Verification Plan

### Automated Tests
*   `npm run build`를 통해 모든 새로운 컴포넌트 파일들의 문법 및 TypeScript 컴파일 오류가 없는지 검증합니다.

### Manual Verification
1.  **계좌별 분류 확인**: 자산 추가 모달에서 계좌 종류를 '퇴직연금' 또는 'IRP'로 선택하여 등록하고 목록 및 비중 차트가 잘 업데이트되는지 검증합니다.
2.  **리밸런싱 위젯 작동 검증**: 퇴직연금 계좌에 주식 자산 비중을 높여(예: 80%) 안전자산 비중이 20%가 되도록 만들었을 때, 경고 배너 및 필요한 안전자산 매수금액이 실시간으로 출력되는지 확인합니다. 반대로 채권을 많이 매수해 30%를 넘겼을 때 '안전 상태(정상)'로 표기가 바뀌는지 확인합니다.
3.  **CSV 파일 로드 검증**: 견본 데이터를 포함한 CSV 파일을 생성하여 업로드하고, 목록에 자산들이 한 번에 정상 등록되며 실시간 가격이 갱신되는지 확인합니다.