한빛미디어

한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다.

표지는 레고 피규어 한 명이 의자에 앉아 컴퓨터를 사용하는 모습입니다.ㅎㅎ 키보드를 두드리고 있고 컴퓨터 본체와 벽, 바닥 역시 레고 블록으로 구성되어 있습니다.

먼저 목차입니다.

들어가며

웹 개발을 하다 보면 브라우저라는 도구가 너무나 당연하게 곁에 있습니다. 하지만 정작 "브라우저는 내부에서 어떻게 동작할까?"라는 질문에는 쉽게 답하지 못했습니다. 단순히 주소창에 URL을 입력하면 페이지가 뜬다는 사실만 알 뿐, 그 사이에 어떤 일이 일어나는지는 늘 미스터리였지요. 그래서 이번에 접한 『밑바닥부터 시작하는 웹 브라우저』는 제게 큰 호기심을 불러일으켰습니다. 단순한 이론서가 아니라, 실제로 파이썬으로 브라우저를 하나씩 구현하며 구조를 이해할 수 있다는 점이 매력적이었습니다.

책 개요

이 책은 Jonathan Engelsma가 집필하고, 한빛미디어에서 출간된 책입니다. 제목 그대로 웹 브라우저의 페이지 로딩부터 렌더링, 보안, 접근성, 성능 최적화까지 브라우저 내부의 전 과정을 다룹니다. 구글 크롬이나 파이어폭스 같은 대형 브라우저의 코드를 직접 볼 수는 없지만, 이 책은 그 복잡한 원리를 작은 단위로 쪼개어 설명하며 "나만의 브라우저 만들기"를 실습할 수 있게 안내합니다.

인상 깊었던 부분

책은 크게 네 부분으로 나뉩니다.

Part 1

페이지 로딩에서는 서버와 연결하고, 요청과 응답을 주고받으며, HTML을 읽어 화면에 그리는 기본 과정을 다룹니다. 이 과정을 따라가다 보니, 평소 당연하게만 보던 브라우저의 첫 화면 출력이 얼마나 많은 단계를 거치는지 깨달을 수 있었습니다.
Part 2

문서 표시에서는 DOM 트리 구축, 레이아웃 계산, 스타일 적용 등 "보이는 웹페이지"가 만들어지는 과정을 설명합니다. 특히 CSS의 상속과 캐스케이딩 규칙을 직접 코드로 적용해보는 부분이 흥미로웠습니다. 단순히 개념이 아니라 "왜 이런 규칙이 필요한지" 이해할 수 있었습니다.

Part 3

애플리케이션 실행은 자바스크립트 실행, 폼 제출, 이벤트 처리 등을 다룹니다. 개인적으로 이 부분이 가장 인상 깊었는데, 제가 그동안 ‘브라우저가 그냥 알아서 해주겠지’ 하고 넘겼던 로직들이 실제로는 얼마나 세밀한 메커니즘 위에서 동작하는지 알게 되었습니다.

Part 4

모던 브라우저 기능에서는 GPU 가속, 애니메이션, 접근성, iframe 처리 등 최신 브라우저들이 제공하는 고급 기능까지 다룹니다. 특히 접근성 챕터는 기술 구현뿐 아니라 사용자를 배려하는 관점에서 읽히는 부분이어서, 앞으로 웹을 만들 때 제가 놓치고 있던 시선을 떠올리게 했습니다.

추천 독자

이 책은 단순히 웹 개발자가 아니라, 브라우저를 깊이 이해하고 싶은 모든 분께 유익합니다.

프론트엔드 개발자

내가 짠 코드가 브라우저 내부에서 어떤 과정을 거쳐 실행되는지 알고 싶을 때.

컴퓨터 과학 전공자나 학생

운영체제, 네트워크, 그래픽스가 한 데 어우러진 복합 시스템으로서 브라우저를 탐구하고 싶을 때.

호기심 많은 개발자

단순히 API를 사용하는 수준을 넘어 "그 밑단"을 알고 싶은 분.

마무리

『밑바닥부터 시작하는 웹 브라우저』는 단순한 학습서가 아니라, "보이지 않던 세계를 보이게 해주는 안내서"였습니다. 읽으면서 저 역시 앞으로 코드를 작성할 때 더 근본적인 질문을 던지고, 브라우저의 동작을 의식하며 효율적인 개발을 하고 싶다는 다짐을 하게 되었습니다.

이 책은 이런 분들께 추천합니다.

웹 브라우저의 내부 구조를 깊이 이해하고 싶은 개발자
단순히 웹을 ‘사용’하는 수준을 넘어, 그 원리를 알고 싶은 전공자·학생
성능, 보안, 접근성까지 고려한 진짜 ‘웹 기술자’로 성장하고 싶은 분