[feat] 목표 기반 ETF 추천 페이지 구현

[slay1379]

어떤 기능인가요?

사용자가 목표 금액, 투자 기간, 위험 성향 등 개인의 투자 목표를 입력하면, 과거 데이터를 기반으로 해당 목표의 달성 확률(히트율)이 높은 ETF 상품을 추천해주는 페이지입니다.

입력 폼, 분석 중 로딩 상태, 그리고 분석 완료 후 추천 ETF 목록을 보여주는 결과 화면으로 구성됩니다.

작업 상세 내용

• 상태 및 비즈니스 로직 관리를 위한 useGoalPlanner 커스텀 훅 구현
• 목표 금액, 기간, 위험 성향 등을 입력받는 GoalPlannerForm 컴포넌트 제작
• API 응답에 따른 추천 ETF 목록을 표시하는 GoalPlannerResults 컴포넌트 구현
• 개별 ETF의 히트율, 안정성 등 상세 정보를 보여주는 EtfCandidateCard 컴포넌트 제작
• 입력, 로딩, 결과 등 상태에 따라 적절한 UI를 보여주는 메인 페이지(page.tsx) 구성

참고할만한 자료(선택)