네트워크와 브라우저 통신

HTTP, fetch, CORS, 캐싱, WebSocket을 시각화합니다

1. 01

   HTTP 요청의 흐름

   DNS, TCP, TLS, HTTP의 전체 파이프라인을 시각화합니다
2. 02

   fetch API

   Request, Response, Headers, AbortController를 시각화합니다
3. 03

   CORS의 동작 원리

   Same-Origin Policy와 CORS preflight를 시각화합니다
4. 04

   캐싱 전략

   Cache-Control, ETag, Service Worker를 시각화합니다
5. 05

   실시간 통신, WebSocket과 SSE

   Polling, SSE, WebSocket 세 방식을 비교합니다