- Published on
매일 쓰는 new WebSocket(url) 한 줄 뒤에서 정확히 무슨 일이 일어나는지, RFC 6455 원문 수준에서 본다. WebSocket은 HTTP로 시작하지만 HTTP가 아니다 — 열림 핸드셰이크의 실물, Sec-WebSocket-Key의 진짜 목적, 그리고 IETF/WHATWG 이중 표준 구조까지.
All Posts
All Posts
- javascript (24)
- functional-programming (18)
- til (15)
- typescript (13)
- pegboard (12)
- dev-log (12)
- youtube (8)
- web (8)
- iterable (7)
- websocket (7)
- network (7)
- iterator (6)
- ai (5)
- lazy-evaluation (5)
- nextjs (4)
- google (4)
- generator (4)
- matt-pocock (4)
- theo (3)
- css (3)
- audio (3)
- reduce (3)
- debugging (3)
- ssg (3)
- react (3)
- localstorage (3)
- generics (3)
- agents (2)
- llm (2)
- polymorphism (2)
- pipe (2)
- go (2)
- promise (2)
- async (2)
- monad (2)
- iframe (2)
- sandbox (2)
- lz-string (2)
- fxjs2 (2)
- lodash (2)
- ramda (2)
- comparison (2)
- cloudflare (2)
- claude-code (2)
- skills (2)
- hydration (2)
- monaco (2)
- abdul-bari (2)
- animation (1)
- baseline (1)
- function-overloads (1)
- function (1)
- project (1)
- alphago (1)
- internet (1)
- gemini (1)
- cli (1)
- has (1)
- selector (1)
- getusermedia (1)
- mediadevices (1)
- audiocontext (1)
- web-audio-api (1)
- map (1)
- filter (1)
- arguments (1)
- rest-parameter (1)
- curry (1)
- refactoring (1)
- performance (1)
- eager-evaluation (1)
- type-system (1)
- overloading (1)
- composition (1)
- flatten (1)
- kleisli-composition (1)
- functor (1)
- applicative (1)
- category-theory (1)
- browser (1)
- url (1)
- base64 (1)
- encoding (1)
- playground (1)
- state-machine (1)
- xstate (1)
- fsm (1)
- design-pattern (1)
- side-project (1)
- i18n (1)
- design-system (1)
- shadcn (1)
- brand (1)
- wasm (1)
- ffmpeg (1)
- webgpu (1)
- gemma (1)
- on-device-ai (1)
- analytics (1)
- ga4 (1)
- search-console (1)
- strategy (1)
- seo (1)
- orchestration (1)
- adr (1)
- context-md (1)
- ddd (1)
- dnd-kit (1)
- next (1)
- excalidraw (1)
- indexeddb (1)
- static-export (1)
- diff (1)
- flexbox (1)
- coding2go (1)
- cloud-computing (1)
- kevin-powell (1)
- agent-skills (1)
- web-dev-simplified (1)
- architecture (1)
- reference (1)
- Published on
WebSocket 프로토콜 시리즈에서 쓰는 용어를 한곳에 정리한다. 열림 핸드셰이크부터 프레임, opcode, 마스킹, 단편화, 종료 핸드셰이크와 close code, HTTP/2·3의 Extended CONNECT, permessage-deflate 압축 확장까지 — 모든 레슨은 이 용어집의 표기를 따르며, 새 용어는 등장한 레슨에서 추가된다.- Published on
Abdul Bari 의 MVC 설명 영상을 정리했다. 모든 공학 제품은 사용자 인터페이스·메커니즘·저장소 세 부분으로 나뉜다는 관점에서 출발해, 소프트웨어의 View / Controller / Model 로 대응시키고, 세 컴포넌트의 상호작용과 각각을 만드는 역할·기술까지 다룬다.- Published on
Abdul Bari 의 클라우드 컴퓨팅 4부작을 한 편으로 정리했다. 데스크톱 → 클라이언트-서버 → 클러스터 → 그리드로 이어지는 컴퓨팅 모델의 진화, ARPANET 에서 데이터센터까지의 역사, 웨딩홀 비유로 푸는 IaaS/PaaS/SaaS, 그리고 클라우드의 9가지 장점.- Published on
TanStack Intent 는 Agent Skills 를 npm 패키지에 번들해서 라이브러리 버전과 스킬 버전을 동기화하려는 시도다. 아이디어는 좋지만 AGENTS.md 에 LLM 으로 복사하는 방식이라 동기화가 다시 깨진다. 에이전트 설정 파일로 node_modules 안의 스킬을 직접 참조하는 편이 낫다.