[⚒️REFACTOR] 요약/비교 모달 디자인 수정

[nyeroni]

#️⃣ 작업 내용

GPT 상품 요약 및 비교 모달 컴포넌트의 Mock 데이터를 실제 API 연동으로 변경

---

#️⃣ 작업이 필요한 이유

현재 Mock 데이터로 구현된 GPT 기능을 실제 AI 서비스와 연동하여 사용자에게 실질적인 상품 분석 정보를 제공하기 위함.
실제 API 연동을 통해 정확하고 유용한 금융상품 요약 및 비교 분석 서비스 구현 필요.

---

#️⃣ 작업 상세 내용

• 단일 상품 요약 API 연동

  • getProductSummaryWithGPT 함수를 통한 /api/chat/summary 엔드포인트 호출
  • Mock 데이터 제거 및 실제 상품 데이터 기반 GPT 요청
  • 24시간 로컬스토리지 캐싱 시스템 유지

• 상품 비교 API 연동

  • compareProductsWithGPT 함수를 통한 /api/chat/compare 엔드포인트 호출
  • 기존 axios 기반 Mock 구현을 실제 API 호출로 대체
  • 상품 데이터 구조화 및 GPT 프롬프트 최적화

• 마크다운 텍스트 처리 기능 구현

  • GPT 응답의 마크다운 문법을 HTML로 변환
    • **굵은글씨** → <strong>
    • *기울임* → <em>
  • 불릿 포인트 및 줄바꿈 포맷팅

---

📎 참고 자료

API 엔드포인트

• 단일 상품 요약: POST /api/chat/summary
• 상품 비교: POST /api/chat/compare

사용된 API 함수

• getProductSummaryWithGPT(product, selectedOption)
• compareProductsWithGPT(compareList)