Docs: Add feedback submission UI implementation plan to frontend setup
This commit is contained in:
parent
d0b287f864
commit
1b2a5edb9b
@ -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가지 스토리 기준 평가
|
||||||
- 페이지별 분석
|
- 페이지별 분석
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user