서비스에서는 채팅, 알림, 대시보드, 작업 진행률, 협업 편집처럼 서버 상태의 변화가 곧바로 UI에 반영되어야 하는 기능을 자주 다루게 됩니다.
이런 화면은 모두 비슷하게 보이지만, 실제로는 통신 방식에 따라 프론트엔드 코드 구조가 달라집니다. 어떤 방식은 반복 요청 관리가 중심이 되고, 어떤 방식은 이벤트 스트림 처리와 상태 병합이 더 중요해집니다.
이번 글에서는 웹의 기본 통신 구조에서 출발해 Polling, Long Polling, SSE, WebSocket으로 이어지는 흐름을 순서대로 정리합니다.