Skip to content

Conversation

@hyynjju
Copy link
Member

@hyynjju hyynjju commented Aug 2, 2025

JIRA Task 🔖

  • Ticket: FRT-54
  • Branch : feature/FRT-54

작업 내용 📌

  • AI 응답 UX 개선을 위한 로딩 애니메이션 추가
  • 사용자 메시지 입력 시 5초 동안 로딩 애니메이션 표시 후 AI 응답 출력

변경 사항 🖥️

AI 채팅
loading

테스트 방법 🧑🏻‍🔬

  • npm run dev로 실행하여 확인

참고 사항 📂

  • TODO: 실제 API 연동 시 setTimeout 제거, isLoading 상태 기반으로 애니메이션 제어 필요

@hyynjju hyynjju requested review from 6-keem and nahyeongjin1 August 2, 2025 13:43
Copy link
Member

@6-keem 6-keem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 브랜치에서 여기에서 발생했던 동작 오류가 다시 발생합니다

@hyynjju hyynjju added the frontend 퍼블리싱 -> 프론트 label Aug 2, 2025
@hyynjju
Copy link
Member Author

hyynjju commented Aug 2, 2025

해당 브랜치에서 여기에서 발생했던 동작 오류가 다시 발생합니다

AI 출력중과 동일하게 로딩 중 입력창을 비활성화하는 방식으로 수정해보았습니다. 확인 부탁드립니다.

@nahyeongjin1 nahyeongjin1 requested a review from 6-keem August 3, 2025 01:52
Copy link
Member

@6-keem 6-keem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오류 해결 확인했습니다.

@6-keem 6-keem merged commit 94118c8 into develop Aug 3, 2025
1 check passed
@6-keem 6-keem deleted the feature/FRT-54 branch August 3, 2025 06:14
Comment on lines +103 to +104
isLoading={isLoading || showTyping}
disabled={isLoading || showTyping}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isLoadingdisabled 를 둘 다 넘겨주는 이유가 있을까요?
chat-input에서 isLoading은 사용되지 않게 변경되고,
disabled가 기존 isLoading의 역할을 대체하는 식으로 작성되어 있어서
둘 중 하나를 삭제하고 props도 변경하는 것이 어떨까요?

추후 애니메이션 사용에 대한 확장성을 위한 것이라면
chat-input 파일에서 이에 대한 주석을 작성해두는 것도 좋을 것 같아요!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend 퍼블리싱 -> 프론트

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants