🧠 실시간 통신의 두 가지 방식: Polling vs WebSocket 정리

HMJ·2025년 5월 23일

Polling vs WebSocket polling websocket 개념정리

개념정리

목록 보기

7/8

실시간 기능이 필요한 채팅, 알림, 라이브 데이터 등에선
데이터를 실시간으로 주고받는 방식이 매우 중요합니다.
대표적으로 사용되는 방식은 두 가지입니다:

🕓 Polling (폴링)
🔌 WebSocket (웹소켓)

이번 글에선 이 두 가지 방식을 비교하고,
어떤 상황에서 어떤 방식을 사용하는 게 좋은지 살펴보겠습니다.

✅ 1. 폴링(Polling)이란?

일정한 시간 간격으로 서버에 “새 소식 있어요?”라고 계속 물어보는 방식입니다.

폴링은 클라이언트가 정해진 시간마다 서버에 요청을 보내,
새로운 데이터가 생겼는지 확인하는 방식입니다.

[클라이언트] → 3초마다 → [서버] "새 메시지 있어?"
[서버] → "있어!" 또는 "없어~"

🔹 특징

실시간처럼 보이지만, 실제로는 주기적으로 확인
구현이 매우 간단함 (setInterval만 사용해도 가능)
새로운 데이터가 없어도 계속 요청하게 되어 서버에 부담이 될 수 있음

✅ 2. 웹소켓(WebSocket)이란?

한 번 연결하면 서버와 클라이언트가 실시간으로 메시지를 주고받는 방식입니다.

웹소켓은 서버와 클라이언트가 한 번 연결한 뒤,
지속적인 연결을 유지하면서 양방향 통신이 가능한 방식입니다.

[클라이언트] 🔗 [서버] ←→ 실시간 대화

🔹 특징

실시간성이 매우 뛰어남 (채팅, 알림 등 즉시 반영이 필요한 기능에 적합)
연결을 유지하기 때문에 불필요한 반복 요청이 없음
설정이 다소 복잡하지만, 효율적이고 빠름

🔁 Polling vs WebSocket – 간단 비교표

항복	Polling	WebSocket
작동 방식	일정 가격마다 요청	한 번 연결 후 계속 통신
실시간성	느림 (3~5초 간격)	매우 빠름 (즉시 전송)
서버 부담	요청 많으면 과부하	적음 (지속 연결 유지)
구현 난이도	쉽다 (단순한 요청 반복)	중간 이상 (서버/클라이언트 설정 필요)
브라우저 호환성	매우 좋음	최신 브라우저 대부분 OK
사용 예	뉴스 피드, 테스트 채팅	실시간 채팅, 알림, 주식, 게임

💬 MEETTY 프로젝트에서의 활용

우리 프로젝트인 MEETTY에서는 다음과 같은 방식으로 활용할 수 있습니다:

기능	추천 방식	이유
채팅방 테스트	Polling	빠르고 간단하게 구현 가능
실제 채팅/화상채팅	WebSocket	실시간 반응이 중요함
읽지 않은 메시지 수 확인	Polling	주기적으로 확인하면 충분
참여자 수 실시간 표시	WebSocket	변화가 생기면 즉시 반영 필요

🧪 React에서 Polling 구현 예시

import { useEffect, useState } from "react";
import axios from "axios";

const ChatPolling = () => {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    const interval = setInterval(() => {
      axios.get("/api/messages").then((res) => {
        setMessages(res.data);
      });
    }, 3000); // 3초마다 서버에 새 메시지 요청
    return () => clearInterval(interval);
  }, []);

  return (
    <div>
      <h2>채팅창</h2>
      {messages.map((msg, idx) => (
        <div key={idx}>{msg.content}</div>
      ))}
    </div>
  );
};

export default ChatPolling;