Ray Book

함수가 반환된 후에도 살아있는 스코프 — 클로저의 원리와 실용 패턴을 시각화합니다

var, let, const, function이 각각 다르게 호이스팅되는 이유를 실행 컨텍스트의 생성 단계에서 찾습니다

변수를 찾아 올라가는 여정 — 렉시컬 스코프, 스코프 체인 탐색, 그리고 var와 let의 차이를 시각화합니다

this가 결정되는 4가지 규칙과 화살표 함수의 렉시컬 this를 시각화합니다

JavaScript가 코드를 실행할 때 만들어지는 환경 — 실행 컨텍스트의 구조, 생성/실행 단계, 콜스택을 시각화합니다

V8의 Ignition 인터프리터가 AST를 바이트코드로 컴파일하고 실행하는 과정을 시각화합니다

Ignition의 바이트코드 해석, TurboFan의 JIT 컴파일, 그리고 역최적화까지 — V8의 실행 파이프라인을 시각화합니다

V8이 동적 타입 언어의 프로퍼티 접근을 어떻게 빠르게 만드는지 — Hidden Class, 전이 체인, IC의 상태 변화를 시각화합니다

V8의 힙 구조, 세대별 가비지 컬렉션, 그리고 GC 일시정지를 최소화하는 전략을 시각화합니다

JavaScript 엔진이 코드 문자열을 의미 있는 조각으로 쪼개는 첫 번째 단계, 토크나이징을 시각화합니다

파서가 평면적인 토큰 스트림을 트리 구조로 변환하는 과정을 단계별로 시각화합니다