시리즈
주제별로 묶인 학습 시리즈
JavaScript
JavaScript 엔진의 내부
V8 엔진이 코드를 실행 결과로 바꾸는 파이프라인을 따라가봅니다
총 6편실행 컨텍스트와 스코프
실행 컨텍스트, 스코프, 클로저, this를 시각화합니다
총 5편비동기 JavaScript
이벤트 루프, Promise, async/await를 시각화합니다
총 6편프로토타입과 상속
프로토타입 체인, 생성자 함수, class의 실체를 시각화합니다
총 5편타입과 형변환
원시 타입과 암묵적 형변환, ==와 ===의 차이를 시각화합니다
총 4편모듈 시스템
CommonJS, ESM, 번들링, tree-shaking을 시각화합니다
총 4편JavaScript Deep Dive
Map, WeakMap, 이터레이터, Proxy 같은 고급 기능을 시각화합니다
총 5편웹 워커와 병렬 처리
Web Worker, Transferable, SharedArrayBuffer, Atomics를 시각화합니다
총 3편프론트엔드 디자인 패턴
프론트엔드에서 자주 만나는 디자인 패턴을 시각화합니다
총 8편프론트엔드 인프라
번들러, 린터, 패키지 매니저, 모노레포, CI/CD의 내부를 열어봅니다
총 7편Browser
브라우저 렌더링 파이프라인
파싱, 레이아웃, 페인트, 합성과 성능 최적화를 시각화합니다
총 6편DOM과 이벤트 시스템
트리 탐색, 이벤트 흐름, Observer 패턴을 시각화합니다
총 5편네트워크와 브라우저 통신
HTTP, fetch, CORS, 캐싱, WebSocket을 시각화합니다
총 5편웹 보안
XSS, CSRF, CSP, 스토리지 보안을 시각화합니다
총 5편Service Worker와 PWA
SW 라이프사이클, 오프라인 캐싱, Push, PWA를 시각화합니다
총 5편프론트엔드 성능 최적화
Core Web Vitals부터 캐싱까지 성능 개선 방법을 정리합니다
총 7편웹 접근성
시맨틱 HTML, 키보드, 스크린 리더, 색상, 폼을 정리합니다
총 5편