From 1b2a5edb9baafeb324d2102d9f3ddd56923ed362 Mon Sep 17 00:00:00 2001
From: happybell80 <happybell80@naver.com>
Date: Fri, 28 Nov 2025 17:37:51 +0900
Subject: [PATCH] Docs: Add feedback submission UI implementation plan to
 frontend setup

---
 .../251128_ir_valuation_frontend_setup.md     | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/journey/troubleshooting/251128_ir_valuation_frontend_setup.md b/journey/troubleshooting/251128_ir_valuation_frontend_setup.md
index 6425be5..5925e75 100644
--- a/journey/troubleshooting/251128_ir_valuation_frontend_setup.md
+++ b/journey/troubleshooting/251128_ir_valuation_frontend_setup.md
@@ -116,12 +116,51 @@ function Router() {
 - 네트워크 요청 모두 200 OK 확인
 - ChatGPT 스타일 UI 정상 렌더링 (헤더, 업로드 버튼, 채팅 입력창)
 
+## 피드백 제출 UI 구현 (예정)
+
+**목적**: 사용자가 평가 결과에 대해 등급 피드백을 제출하여 베이지안 학습 데이터 수집
+
+**구현 위치**: `src/pages/ir-valuation.tsx`
+
+**UI 구성**:
+1. **평가 결과 사이드바에 피드백 섹션 추가**
+   - 평가 결과 하단에 "피드백 제출" 섹션
+   - 현재 등급 표시 (예: "현재 등급: A")
+   - 등급 선택 드롭다운 (S, A, B, C)
+   - 추가 의견 입력 텍스트 영역 (선택)
+   - "피드백 제출" 버튼
+
+2. **피드백 제출 처리**
+   - `handleFeedbackSubmit()` 함수 구현
+   - `POST /rb8001/api/ir-deck/feedback` API 호출
+   - 성공 시 토스트 알림 표시
+   - 피드백 제출 후 버튼 비활성화
+
+3. **상태 관리**
+   - `feedbackSubmitted` state 추가 (중복 제출 방지)
+   - `feedbackGrade` state 추가 (사용자 선택 등급)
+   - `feedbackText` state 추가 (추가 의견)
+
+**API 스펙**:
+```typescript
+POST /rb8001/api/ir-deck/feedback
+Body: {
+  evaluation_id: string;
+  user_grade: "S" | "A" | "B" | "C";
+  predicted_grade: "S" | "A" | "B" | "C";
+  feedback_text?: string;
+}
+```
+
+**참고**: 백엔드 아키텍처 문서 `251128_ir_deck_valuation_backend_architecture.md`의 `ir_deck_feedback` 테이블 구조 참고
+
 ## 다음 단계
 
 1. **백엔드 연동**: rb8001 API 엔드포인트 구현
    - `/rb8001/api/ir-deck/upload` - PDF 업로드
    - `/rb8001/api/ir-deck/chat` - 채팅 응답
    - `/rb8001/api/ir-deck/evaluate` - 평가 결과 조회
+   - `/rb8001/api/ir-deck/feedback` - 피드백 제출
 
 2. **실제 분석 로직**: Sequoia Capital 10가지 스토리 기준 평가
    - 페이지별 분석