dpdpdndn 블로그

[FE-01] /chat 화면 문구를 실제 기능에 맞게 정정

NEW4 min read

[FE-01] /chat 화면 문구를 실제 기능에 맞게 정정

작업 내용 (설계 의도)

문제 (AS-IS)

/chat 화면이 실제로 못 하는 일을 안내합니다.

위치현재 문구
frontend/src/app/chat/page.tsx 부제”주식 조회, 관심종목 추가, 알림 설정을 대화로 처리하세요.”
frontend/src/components/chat/MessageList.tsx 빈 상태”무엇이든 물어보세요. 주식 조회, 관심종목, 알림 설정 모두 가능합니다.”

ML-03에서 챗봇의 MCP 도구 연결(--mcp-config, --allowedTools)을 제거했습니다. 도구 왕복이 응답 무한 대기의 원인 중 하나였고, 쓰기 도구는 애초에 허용 목록에 없어 기능 회귀도 없었습니다. 지금 챗봇은 주입된 시그널을 근거로 답하는 조회·분석 전용입니다.

관심종목 추가·알림 설정은 대시보드의 각 탭에서 하는 동작인데, 화면 문구만 “대화로 된다”고 말하고 있습니다. 사용자가 “삼성전자 관심종목에 추가해줘”라고 입력하면 아무 일도 일어나지 않습니다.

변경 (TO-BE)

문구를 실제 기능에 맞춥니다. 없는 기능을 약속하지 않고, 무엇을 물어야 좋은지 알려줍니다.

위치변경 후
부제종목 시그널을 근거로 묻고 답하는 화면임을 밝힙니다
빈 상태답할 수 있는 질문의 예시를 제시합니다

기능 변경은 없습니다 — 문구와 그 문구를 검증하는 테스트만 바꿉니다.

근거 문서

  • 프로젝트/주식앱/챗봇 무응답 해소/tickets/ML-03-챗봇-실행경로-슬롯적용과-혼잡-응답.md (MCP 제거)
  • 프로젝트/주식앱/유즈케이스 캡쳐/주식앱-갤러리.md UC-10

의존

  • 없음 (ML-05와 다른 파일을 건드리므로 같은 wave 병렬 가능)

다이어그램

처리 흐름

sequenceDiagram
    participant User
    participant Page as ChatPage
    participant List as MessageList
    User->>Page: /chat 진입
    Page-->>User: 부제 — 조회·분석 전용 안내
    Page->>List: messages 0건
    List-->>User: 빈 상태 — 질문 예시 제시

클래스 의존

flowchart LR
    Page[app/chat/page.tsx] --> Section[ChatSection]
    Section --> List[MessageList]
    Section --> Input[MessageInput]

테스트 케이스

  • 대화가 없으면 빈 상태에 질문 예시가 표시된다
  • 빈 상태 문구에 “관심종목 추가”·“알림 설정” 같은 미지원 동작 안내가 없다
  • 대화가 있으면 빈 상태 문구가 사라지고 말풍선이 렌더링된다
  • 스트리밍 중에는 빈 상태가 아니라 진행 중 말풍선을 보여준다

그래프 뷰