웹소켓이란?

웹소켓은 클라이언트와 서버가 이벤트 발생 즉시 서로에게 메시지를 푸시할 수 있게 하는 지속적인 양방향 연결입니다. HTTP가 묻는 방식으로 웹을 만들었다면, 웹소켓은 듣는 방식으로 웹을 살아 움직이게 했습니다. 표준화된 업그레이드 하나(RFC 6455)가 요청을 열린 채널로 바꾸고, 채팅, 프레즌스, 시세 표시기, 공동 편집 커서까지 웹의 모든 실시간 기능이 그 위에서 동작합니다.

핵심 요약

웹소켓 핸드셰이크 업그레이드의 작동 방식 (HTTP 101)

GET /chat HTTP/1.1                      ← 평범한 HTTP로 시작해서
Host: example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==

HTTP/1.1 101 Switching Protocols        ← 여기서 HTTP가 아니게 됨
Upgrade: websocket
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=

# 이제부터: 작은 프레임(오버헤드 2–14 bytes), 양방향,
# HTTP 폴링은 매번 ~500+ bytes의 헤더를 보내는 것과 대조적.

대부분의 애플리케이션은 그다음 단계를 직접 구현하지 않는 것이 좋습니다. 프로덕션에서 일반적인 방식은 소켓, 하트비트, 재연결을 다른 누군가의 코드가 맡는 관리형 실시간 계층입니다:

// JavaScript / Node.js — Back4app JS SDK (Live Query over WebSockets)
// One WebSocket, managed for you: connect, subscribe, reconnect
const query = new Parse.Query('Message');
query.equalTo('room', 'general');

const subscription = await query.subscribe();  // wss:// under the hood
subscription.on('create', (msg) => appendToChat(msg));
subscription.on('open', () => setStatus('live'));
// Later: subscription.unsubscribe();

// Flutter / Dart — Back4app Flutter SDK (Live Query over WebSockets)
// One WebSocket, managed for you: connect, subscribe, reconnect
final liveQuery = LiveQuery();
final query = QueryBuilder<ParseObject>(ParseObject('Message'))
  ..whereEqualTo('room', 'general');

final sub = await liveQuery.client.subscribe(query); // wss:// under the hood
sub.on(LiveQueryEvent.create, (msg) => appendToChat(msg));

// iOS / Swift — Back4app Swift SDK (Live Query over WebSockets)
// One WebSocket, managed for you: connect, subscribe, reconnect
let query = Message.query("room" == "general")

let subscription = query.subscribeCallback   // wss:// under the hood
subscription?.handleEvent { _, event in
  if case .created(let msg) = event { appendToChat(msg) }
}

// Android / Kotlin — Back4app Android SDK (Live Query over WebSockets)
// One WebSocket, managed for you: connect, subscribe, reconnect
val client = ParseLiveQueryClient.Factory.getClient()
val query = ParseQuery.getQuery<ParseObject>("Message")
query.whereEqualTo("room", "general")

val handling = client.subscribe(query)       // wss:// under the hood
handling.handleEvent(SubscriptionHandling.Event.CREATE) { _, msg ->
  appendToChat(msg)
}

웹소켓 vs. 데이터를 옮기는 다른 모든 방식

프로덕션에서 소켓 운영하기

운영 부담은 네 가지 개념이 짊어집니다. 세션 어피니티: 연결에 상태가 있으므로 로드 밸런서는 각 클라이언트를 해당 서버 노드에 고정해야 합니다. 팬아웃: 여러 노드에 흩어진 1만 명의 구독자에게 메시지 하나를 브로드캐스트하려면 서버 사이에 pub/sub 백플레인이 필요합니다. 메시지는 서버에서 클라이언트로 가기 전에 서버에서 서버로 먼저 이동합니다. 백프레셔: 불안정한 네트워크에 연결된 느린 휴대폰 하나가 서버 메모리에 메시지를 무한정 쌓게 해서는 안 됩니다. 버리거나, 합치거나, 연결을 끊어야 합니다. 활성 상태 확인(liveness): ping/pong 프레임과 애플리케이션 하트비트로 반쯤 죽은 연결을 감지하고, 클라이언트는 지수 백오프와 지터로 재연결한 뒤 상태를 다시 구독합니다. 단순한 구현이 잊어버리는 단계입니다. 어느 것도 특이하지 않지만, 바로 이 모든 것 때문에 “소켓 하나 열면 된다”가 플랫폼 결정이 됩니다.

메시지에서 동기화로: 그 위의 계층

원시 웹소켓은 바이트를 옮기지만, 애플리케이션이 원하는 것은 상태입니다. 한 단계 위가 실시간 동기화입니다. 메시지 유형과 클라이언트 측 장부 관리를 직접 구현하는 대신 쿼리, 문서, 채널 같은 데이터를 구독하면, 그 계층이 정확한 변경 이벤트를 전달하고, 재연결과 누락분 따라잡기를 처리하며, 구독자별로 서버 측 권한을 적용합니다. 이것이 라이브 쿼리 모델입니다. 웹소켓은 전송 수단이고, 쿼리 엔진이 두뇌입니다. 웹소켓 코드에 메시지 유형별 switch 문이 쌓이고 있다면, 이 계층을 손으로 다시 만들고 있는 것입니다.

일반적인 사용 사례

• 채팅과 메시징 – 전형적인 사례로, 양쪽이 즉시 대화합니다.
• 프레즌스(presence) – 누가 온라인인지, 누가 입력 중인지. 작은 메시지가 높은 빈도로 양방향으로 오갑니다.
• 공동 편집 – 공유 문서와 화이트보드에서 커서 위치와 편집 내용이 끊임없이 스트리밍됩니다.
• 라이브 대시보드와 시세 표시기 – 바뀌는 숫자를 서버가 푸시합니다. 단방향이라면 SSE도 적합합니다.
• 멀티플레이어와 위치 – 게임 상태와 움직이는 지도 마커처럼 지연 시간 자체가 제품인 경우입니다.

소켓이 필요할까? 결정 매트릭스

그리고 매트릭스가 감추는 중간 경로가 있습니다. 피드나 알림처럼 서버에서 클라이언트로만 가는 경우는 구조가 더 단순한 SSE로 충분합니다. 전송 방식 전체 비교는 이 용어집에 별도 항목으로 있습니다.

한계와 트레이드오프

• 상태 저장은 푸시의 대가입니다. 열린 연결 하나하나가 서버 메모리이자 로드 밸런싱 제약입니다. HTTP의 무상태성은 보기보다 많은 짐을 지고 있었습니다.
• 네트워크는 오래 유지되는 연결을 싫어합니다. 프록시, 모바일 무선 통신, 덮개를 닫는 노트북이 끊임없이 소켓을 끊습니다. 재연결 로직은 예외 상황이 아니라 메인 루프입니다.
• 보안이 연결로 옮겨 갑니다. 연결 시점에 인증하고, 모든 메시지를 검증하고, 구독별로 인가를 강제해야 하며, 항상 wss를 사용해야 합니다.
• 여기에는 캐싱이 없습니다. 푸시되는 모든 것은 클라이언트마다 계산되고 전달되므로 CDN이 도와줄 수 없습니다.
• 직접 구현한 동기화는 함정입니다. “소켓을 열었다”와 “정확하고, 재연결되고, 권한이 적용된 상태 동기화” 사이의 간극에 진짜 엔지니어링이 있으며, 바로 그 계층이 빌려 쓸 가치가 있습니다.

Back4app에서의 웹소켓

Back4app은 관리형 데이터베이스, 자동 생성되는 REST 및 GraphQL API, 인증, 파일 스토리지, Cloud Code 서버리스 함수를 결합한 오픈소스 Backend as a Service(BaaS) 플랫폼입니다. 실시간 계층은 Live Query입니다. 웹소켓 전송, 하트비트, 재연결, 다중 노드 팬아웃은 관리형 인프라로 실행되고(그 아래에는 공개 LiveQuery 프로토콜이 있습니다), 코드는 쿼리를 구독해 타입이 지정된 변경 이벤트를 받습니다. ACL은 구독자별로 적용되므로 실시간 기능이 권한 모델을 우회하는 일은 없습니다. 위의 코드 탭이 클라이언트 측의 전부입니다.