Docs: Add feedback submission UI implementation plan to frontend setup

This commit is contained in:
happybell80 2025-11-28 17:37:51 +09:00
parent d0b287f864
commit 1b2a5edb9b

View File

@ -116,12 +116,51 @@ function Router() {
- 네트워크 요청 모두 200 OK 확인 - 네트워크 요청 모두 200 OK 확인
- ChatGPT 스타일 UI 정상 렌더링 (헤더, 업로드 버튼, 채팅 입력창) - 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 엔드포인트 구현 1. **백엔드 연동**: rb8001 API 엔드포인트 구현
- `/rb8001/api/ir-deck/upload` - PDF 업로드 - `/rb8001/api/ir-deck/upload` - PDF 업로드
- `/rb8001/api/ir-deck/chat` - 채팅 응답 - `/rb8001/api/ir-deck/chat` - 채팅 응답
- `/rb8001/api/ir-deck/evaluate` - 평가 결과 조회 - `/rb8001/api/ir-deck/evaluate` - 평가 결과 조회
- `/rb8001/api/ir-deck/feedback` - 피드백 제출
2. **실제 분석 로직**: Sequoia Capital 10가지 스토리 기준 평가 2. **실제 분석 로직**: Sequoia Capital 10가지 스토리 기준 평가
- 페이지별 분석 - 페이지별 분석