Skip to content

feat(frontend): add thinking indicator with shimmer animation during chat response#57

Merged
youneedpython merged 1 commit into
devfrom
feat/frontend-thinking-indicator
Feb 6, 2026
Merged

feat(frontend): add thinking indicator with shimmer animation during chat response#57
youneedpython merged 1 commit into
devfrom
feat/frontend-thinking-indicator

Conversation

@youneedpython
Copy link
Copy Markdown
Owner

📌 개요

채팅 응답 대기 구간에서 사용자가 현재 상태를 명확하게 인지할 수 있도록
ChatGPT 스타일의 "생각 중..." 표시 UI를 프론트엔드에 추가했습니다.

기존 점(dot) 애니메이션 대비,
보다 직관적이고 안정적인 대기 상태 표현을 제공하는 것이 목적입니다.


✨ 주요 변경 사항

Frontend — Chat Response UX 개선

  • 응답 대기 시 assistant 말풍선에 "생각 중..." 텍스트 표시
  • 텍스트에 좌 → 우 방향 Shimmer(빛 스캔) 애니메이션 적용
  • 기본 텍스트 색상은 검정으로 유지하여 가독성 확보
  • 백엔드 응답 수신 시 thinking 표시 자동 제거
  • 기존 채팅 흐름 및 UI 구조에는 영향 없음

🎯 변경 목적

  • 응답 대기 중에도 시스템이 정상 동작 중임을 명확히 전달
  • 사용자 불안 감소 및 체감 응답 품질 개선
  • 이후 Streaming 응답 처리(B안)를 위한 UX 기반 선행 구축

🧪 테스트 사항

  • dev 환경에서 기본 채팅 요청 시 thinking UI 정상 표시 확인
  • 응답 도착 후 thinking 말풍선 자동 제거 확인
  • 기존 채팅 입력/전송 흐름 이상 없음 확인

ℹ️ 참고

  • 본 PR은 프론트엔드 UI/UX 개선만 포함합니다.
  • 백엔드 API, RAG 로직, 응답 구조에는 변경 사항이 없습니다.

@youneedpython youneedpython self-assigned this Feb 6, 2026
@youneedpython youneedpython merged commit 598377d into dev Feb 6, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant