브라우저의 해부: URL 입력부터 픽셀까지
Anatomy of a Browser
이 글은 브라우저가 URL을 입력받아 화면에 픽셀을 그리기까지의 전체 과정을 추적하며, 내부 메커니즘을 해부한다. DNS 확인, TLS 협상, HTML 파싱, CSS 스타일 계산, 레이아웃, 페인트, 합성, JavaScript 실행, 이벤트 루프, 프로세스와 스레드, 보안, 저장소 등 주요 하위 시스템을 다룬다. Chrome, Firefox, Safari의 구현 차이보다는 모든 브라우저 엔진이 공통으로 해결해야 하는 문제와 그 아키텍처를 학습하는 데 초점을 맞춘다.
브라우저는 이름을 해석하고, 암호화된 연결을 협상하고, 여러 네트워크 프로토콜을 사용하며, 신뢰할 수 없는 프로그램을 실행하고, 2차원 기하학을 계산하고, GPU를 구동하고, 영구 데이터를 저장하고, 접근성 정보를 노출하며, 상호 적대적인 웹사이트를 격리하려고 시도하면서도 수 밀리초 내에 입력에 반응해야 합니다.