시리즈
주제별로 묶인 학습 시리즈
JavaScript
JavaScript 엔진의 내부
코드가 문자열에서 실행 결과가 되기까지, V8 엔진의 파이프라인을 따라가봅니다
총 6편실행 컨텍스트와 스코프
JavaScript가 코드를 실행할 때 만들어지는 환경, 실행 컨텍스트, 스코프, 클로저, this를 시각화합니다
총 5편비동기 JavaScript
싱글 스레드에서 동시성을 구현하는 방법, 이벤트 루프, Promise, async/await를 시각화합니다
총 6편프로토타입과 상속
JavaScript 객체의 근간, 프로토타입 체인, 생성자 함수, class의 실체를 시각화합니다
총 5편타입과 형변환
JavaScript의 7가지 원시 타입과 암묵적 형변환, ==와 ===의 차이, Symbol, BigInt를 시각화합니다
총 4편모듈 시스템
코드를 나누고 합치는 방법, CommonJS, ESM, 번들링, tree-shaking을 시각화합니다
총 4편JavaScript Deep Dive
한 단계 더 깊이, Map, WeakMap, 이터레이터, Proxy 등 고급 기능과 자주 혼동하는 패턴을 시각화합니다
총 5편웹 워커와 병렬 처리
메인 스레드를 해방시키는 방법, Web Worker, Transferable, SharedArrayBuffer, Atomics를 시각화합니다
총 3편프론트엔드 디자인 패턴
프론트엔드 코드에서 자주 만나는 디자인 패턴을 인터랙티브 시각화로 이해합니다
총 8편프론트엔드 인프라
번들러, 트랜스파일러, 린터, 패키지 매니저, 모노레포, CI/CD, 도구의 내부를 열어보고 진화의 맥락을 이해합니다
총 7편Browser
브라우저 렌더링 파이프라인
HTML이 픽셀이 되기까지, 파싱, 레이아웃, 페인트, 합성, 그리고 성능 최적화를 시각화합니다
총 6편DOM과 이벤트 시스템
브라우저가 만든 DOM을 JavaScript로 다루는 방법, 트리 탐색, 이벤트 흐름, Observer 패턴을 시각화합니다
총 5편네트워크와 브라우저 통신
URL 입력부터 응답까지, HTTP, fetch, CORS, 캐싱, WebSocket을 시각화합니다
총 5편웹 보안
브라우저가 당신을 지키는 방법, XSS, CSRF, CSP, 스토리지 보안을 시각화합니다
총 5편Service Worker와 PWA
브라우저와 네트워크 사이의 프록시, SW 라이프사이클, 오프라인 캐싱, Push, Background Sync, PWA를 시각화합니다
총 5편프론트엔드 성능 최적화
측정하고, 진단하고, 해결하라, Core Web Vitals부터 캐싱 전략까지 프론트엔드 성능의 모든 것
총 7편웹 접근성
시맨틱 HTML을 제대로 쓰면 접근성의 80%는 해결된다, 키보드, 스크린 리더, 색상, 폼까지
총 5편CS
Framework
프레임워크의 철학
React, Vue, Angular, Svelte, 같은 문제를 다른 철학으로 푸는 네 가지 방법을 비교합니다
총 8편상태 관리의 발전
jQuery의 DOM 조작부터 Signals까지, 상태 관리가 왜 필요해졌고, 어떤 한계를 넘어 발전해왔는지를 추적합니다
총 5편Next.js 깊이 보기
Next.js가 왜 등장했고 어떻게 발전해왔는지, App Router, Server Components, Server Actions, Turbopack까지 16.2 기준 주요 기능을 발전 맥락과 함께 정리합니다
총 7편React 18에서 19까지
Concurrent Rendering부터 Server Components, Actions, 그리고 19.2의 새 기능까지, React의 주요 변화와 베스트 프랙티스를 정리합니다
총 7편