지금 이순간, 재고는 줄고 있다: 실시간 UI 경험을 위한 SSE 여정

Polling, WebSocket, Server-Sent Events를 통신 방향과 운영 복잡도, resource 효율 관점에서 비교한다. 상품 재고는 client가 server로 지속적으로 보내야 할 데이터가 없고 단방향 push면 충분하므로, 표준 HTTP 연결과 자동 재연결을 제공하면서 polling보다 요청량을 크게 줄이는 SSE를 선택한다.

Browser EventSource의 message·error 처리와 재연결, HTTP/1.1 연결 제한, CORS·인증과 resource 해제 조건을 먼저 정리한다. Angular에서는 EventSource를 RxJS Observable로 감싸 component lifecycle과 함께 정리하고, 수신 stream을 Signals 상태로 변환해 필요한 UI만 반응하도록 만들어 memory leak과 불필요한 rendering을 줄인다.

Backend는 Kotlin Spring WebFlux의 Sinks.Many multicast로 하나의 재고 event를 여러 SSE subscriber에게 비동기로 전달한다. 재고 server와 SSE server를 직접 결합하지 않고 Redis Pub/Sub을 message bus로 두어 instance 간 fan-out과 확장을 단순화하며, channel 구독과 ServerSentEvent 변환을 reactive pipeline으로 구성한다.

SSE server 부하는 단순 TPS보다 동시 연결 수와 event 발행 빈도에 크게 좌우되므로 실제 운영 조건으로 부하 시험을 설계한다. 재고 DB를 주기적으로 조회해 같은 값을 반복 발행하는 대신 MongoDB Change Streams로 변경만 감지하고 1초 단위로 sampling한 최신 event를 Redis에 보내 I/O와 불필요한 fan-out을 줄인다.