폴링 vs WebSocket vs SSE

폴링:      클라이언트 ── 있어요? ──> 서버   (계속 반복해서 물어봄)
SSE:       클라이언트 <── 새 소식 ── 서버   (연결 하나로 서버가 계속 보내줌)
WebSocket: 클라이언트 <──────────> 서버   (연결 하나로 양쪽이 자유롭게 주고받음)

// 폴링: 5초마다 물어본다
setInterval(async () => {
  const res = await fetch('/api/notifications');
  render(await res.json());
}, 5000);

// SSE: 서버가 보내줄 때까지 기다린다
const source = new EventSource('/api/notifications/stream');
source.onmessage = (e) => render(JSON.parse(e.data));

// WebSocket: 받기도 하고 보내기도 한다
const ws = new WebSocket('wss://example.com/notifications');
ws.onmessage = (e) => render(JSON.parse(e.data));
ws.send(JSON.stringify({ type: 'read', id: 3 })); // 읽음 처리도 같은 연결로

숏 폴링(5초):  1분에 12,000번 요청 → 대부분 "없음"
롱 폴링:       1분에 약 1,000~2,000번 요청 + 대기 중인 연결 1,000개
SSE:          연결 1,000개 유지 → 알림이 생길 때만 전송
WebSocket:    연결 1,000개 유지 → 알림이 생길 때만 전송