| 12345678910111213141516171819202122232425262728 |
- # 상태별 실시간 반영 및 알림 연동
- **Task ID:** T-036
- **Status:** BACKLOG
- **Importance:** SHOULD
- **Complexity:** 5/10
- **Urgency:** 6/10
- **Dependencies:** T-035
- ## Description
- ## 설명
- - 상태 변화(NEW, PENDING, COMPLETE 등)가 양측 UI에 즉시 반영되도록 로직 보완
- - WebSocket 또는 폴링 기반 실시간 알림 연동 및 알림 UI 구현
- ## 구현 상세
- 1. 서버에서 Socket.IO 또는 WebSocket 엔드포인트 설정하여 상태 변경 이벤트 발행
- 2. Frontend에 WebSocket 클라이언트 연결 후 이벤트 구독 로직 추가
- 3. 상태 변경 이벤트 수신 시 Vuex 또는 Composition API로 상태 갱신 및 컴포넌트 리렌더
- 4. 알림 컴포넌트 구현: 푸시 토스트 또는 알림 센터에 신규 알림 추가
- ## 테스트 전략
- - 상태 전이 API 호출 시 WebSocket 이벤트 수신 여부 검증
- - UI에서 실시간 반영 및 알림 토스트 표시 확인
- - 네트워크 끊김/재연결 시 이벤트 복구 시나리오 테스트
- ---
- **Created:** 2025-07-25T01:48:03.045Z
- **Updated:** 2025-07-25T01:48:03.045Z
|
