🔌

WebSocket Quest

최근 수정: 2026-05-04

request-response 의 한쪽 답답함에서 진짜 양방향 real-time 까지

프로덕션에서 실제로 쓰이는 그대로의 WebSocket — 프로토콜, 브라우저 API, FastAPI 서버, connection 관리, message protocol, Socket.IO, 실전 앱, scaling. SSE, polling, managed service 도 같은 지도에 솔직하게 올려서 같이 다뤄.

8 tracks · 60 lessons · ~24h · difficulty: intermediate-to-advanced

Level 0Poller

0 XP0/60 lessons0/10 achievements

0/120 XP to next level120 XP to go0% complete

WebSocket 은 HTTP 가 모자랄 때 손이 가는 카드야 — chat, collaboration, dashboard, game, trading, AI streaming. 근데 'WebSocket 으로 가자' 라고 결정하는 그 순간이 대부분의 팀이 over-engineering 하거나 under-build 하는 지점이기도 해. SSE 면 충분한 자리에 Socket.IO 깔고, 재연결 로직 없이 raw ws:// 로 prod 까지 가고, 한 대로 잘 굴리다가 scale 시점에 '아 WebSocket 이 stateful 이라 이렇게 빡세구나' 깨닫는 거야.

이 quest 는 request-response 가 왜 구조적으로 모자란지 부터 horizontally-scaled real-time system 을 production 에서 어떻게 굴리는지 까지 끌고 가. FastAPI WebSocket 서버, browser client (재연결 + heartbeat), room/namespace 패턴, contact-with-reality 살아남는 message protocol, Nginx + Redis + sticky session 로 한 박스 넘어 굴리는 glue. SSE, long polling, managed service (Ably, Pusher, Supabase Realtime) 도 같은 지도에 솔직하게 올려놓고 봐 — WebSocket 이 항상 정답인 거 아니야, 언제 정답이 아닌지를 아는 게 더 중요해.

모든 lesson 이 paste-and-run 가능한 코드로 살아있어. cwkPippa 도 Claude 응답, council 턴, heartbeat 을 SSE + REST hybrid 로 흘리고 있고, WebSocket 은 진짜로 full-duplex 가 필요한 자리에만 써. 그 lived experience 가 추천에 묻어있어.

Tracks

01🌐Why WebSocket? Real-Time Foundations
0/8 lessons
HTTP, polling, long polling, SSE, WebSocket — 같은 지도 위에 솔직하게
WebSocket 손대기 전에 real-time 통신의 네 가지 모양과 어느 게 문제에 맞는지 이해해. 대부분의 팀이 WebSocket 으로 over-engineer 하는데, 너는 안 그럴 거야.
Lesson list (8)
퀴즈 · 4 문제→
02🖥️Browser WebSocket API
0/8 lessons
Constructor, 네 이벤트, ready state, binary, 재연결, heartbeat
네이티브 브라우저 API 는 작지만 용서 없어 — auto-reconnect 없고, heartbeat 없고, error 가 opaque. 표면을 마스터하고 그 위 패턴들 짜.
Lesson list (8)
퀴즈 · 4 문제→
03🐍FastAPI WebSocket Server
0/8 lessons
accept, receive, send, close — 그리고 그걸 감싸는 auth
FastAPI 가 작고 날카로운 WebSocket API 노출. handshake, 세 send/receive 쌍, disconnect 처리, auth 마스터하면 어떤 real-time backend 든 짤 수 있어.
Lesson list (8)
퀴즈 · 4 문제→
04🔗Connection Management
0/7 lessons
Manager 클래스, room, identity, heartbeat, graceful shutdown, Redis bridge
Production WebSocket 은 protocol 문제보다 connection 관리 문제. Index, room, identity, heartbeat, shutdown, 한 박스 너머로 scale 하게 해주는 Redis bridge.
Lesson list (7)
퀴즈 · 4 문제→
05📨Message Protocols & Patterns
0/7 lessons
Envelope, correlation ID, validation, error, binary format, ACK
WebSocket 이 opaque message 줘. application 레벨 구조는 네가 짜. type+data envelope, correlation ID, Pydantic validation, MessagePack vs Protobuf, critical message 를 reliable 하게 만드는 ACK 패턴.
Lesson list (7)
퀴즈 · 4 문제→
06📦Socket.IO & Libraries
0/7 lessons
언제 라이브러리, 언제 raw, 언제 outsource 인지
Socket.IO 는 WebSocket 이 아냐. Built-in 재연결, room, namespace, ack 가진 custom protocol. 언제 쓰고 언제 raw 가 옳고 언제 managed service 가 이기는지 알아.
Lesson list (7)
퀴즈 · 4 문제→
07🚀Real-World Applications
0/8 lessons
Chat, collab, dashboard, notification, trading, game, presence — 각자 모양에 맞춰
정통 real-time application 8개, 각자 자기 transport 픽, message rate, 영속화 패턴, gotcha 가짐. 끝나면 새 use case 를 모양에 초 단위 매칭 가능.
Lesson list (8)
퀴즈 · 4 문제→
08⚡Production & Scaling
0/7 lessons
Sticky session, Redis bridge, Nginx, security, k6, graceful deploy, 비용 곡선
'내 머신에서 작동' 부터 'Black Friday 살아남기' 까지. Load balancer, horizontal scaling, reverse proxy, security 강화, load testing, graceful deployment, 솔직한 비용 곡선.
Lesson list (7)
퀴즈 · 4 문제→

이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

🔔 답글 알림 (로그인 필요)

로그인 — 댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.

Tracks

01🌐Why WebSocket? Real-Time Foundations

02🖥️Browser WebSocket API

03🐍FastAPI WebSocket Server

04🔗Connection Management

05📨Message Protocols & Patterns

06📦Socket.IO & Libraries

07🚀Real-World Applications

08⚡Production & Scaling