wdym 님의 블로그

SSE를 이용한 실시간 알람 기능 구현에 대해 글을 작성해 보고자 한다. 기본적인 구현 방법과 내가 직접 작성한 코드를 통해 어떻게 구현 했는지 포스팅 해보려고 한다. 관련 이론은 다른 글에 포스팅해 놓았다. 여기를 클릭하면 확인할 수 있다. 구현 환경 : Spring boot + Next.js 개요SSE(Server-Sent Events)는 서버에서 클라이언트로 데이터를 지속적으로 전송할 수 있는 단방향 실시간 통신 기술이다. 클라이언트는 EventSource 객체를 이용하여 서버에 구독 요청을 보내고, 서버는 text/event-stream 형식으로 연결을 유지한 채 데이터를 지속적으로 전달한다. 아래 그림은 SSE의 기본 동작 흐름이다. SSE 네트워크 프로토콜연결(구독, Subscribe)Cl..

이전 글에서는 Polling 방식은 실시간 기능 구현이 가능하다는 장점이 있었지만, 대부분의 경우 새로운 데이터가 존재하지 않음에도 클라이언트가 지속적으로 서버에 요청을 보내야 한다는 비효율 문제가 존재한다고 했다. 이러한 문제를 해결하기 위해 이후 SSE(Server-Sent Events)와 WebSocket 같은 실시간 통신 기술이 등장하게 되었다. SSE(Server-Sent Events) 방식SSE(Server-Sent Events)는 클라이언트와 서버가 연결을 유지한 상태에서, 서버가 클라이언트에게 지속적으로 이벤트(Event)를 전달할 수 있도록 만든 기술이다. SSE 동작 방식SSE는 HTTP 기반으로 동작하지만, 기존 HTTP처럼 요청과 응답 이후 연결을 종료하지 않는다.클라이언트는 ..