[FEAT] SSE 방식 실시간 알람 구현 #75
Description
✨ 요약
서버로부터 SSE(Server-Sent Events) 방식 실시간 알람 수신하도록 구현
📌 배경 및 문제 정의
- 현재 알람 기능이 실시간으로 반영되지 않아 사용자가 새 알람을 즉시 확인할 수 없음
- 서버 SSE API는 이미 준비되어 있으며, 프론트에서 연결 및 상태 관리 구현 필요
✅ 체크리스트
- /api/alarms/stream SSE API와 연결
- EventSource로 알람 데이터 수신
- 수신한 알람을 React 상태(useState)에 저장
- 알람 리스트 UI에 실시간 반영
- 연결 종료 및 에러 처리 구현 (onerror, cleanup)
- TypeScript 인터페이스로 알람 데이터 타입 정의
✅ 기대 결과
- 사용자가 페이지를 열고 있을 때 서버에서 전송하는 알람을 실시간으로 화면에 표시
- 알람이 수신될 때마다 리스트가 자동 갱신되고 최신 알람이 상단에 표시
- 연결 오류 발생 시 자동 재연결 및 에러 로그 확인 가능