이 게시물은 단 하나의 SSE 연결로 여러 탭에 실시간 이벤트를 전파하는 설계와 운영 전략을 설명합니다.

목표

• 클라이언트 자원 사용 최적화 및 다양한 고객사 환경과의 호환성 확보

핵심 기술

• Service Worker를 SSE와 UI 사이 프록시로 사용해 브라우저 여러 탭을 단일 TCP 연결로 통합
• ServiceWorkerGlobalScope의 Clients#matchAll로 모든 탭에 이벤트 전파

신뢰성 설계

• 하트비트 감지기와 지수 백오프 재시도로 재연결 및 안정성 확보
• SSE id로 마지막 이벤트 식별자 저장해 유실 관측 및 재전송 보장

타입 안전성

• CloudEvents 인터페이스 기반 Avro 스키마를 AWS Glue에 등록해 자동 생성된 TypeScript 인터페이스로 타입 안전성 확보

트레이드오프

• 양방향 WebSocket 대신 단방향 SSE 선택으로 네트워크 호환성 및 운영 비용 우선