브라우저의 기본 구조

사용자 인터페이스

브라우저 엔진 —— 자료 저장소

렌더링 엔진

통신 | 자바스크립트 해석기 | UI 백엔드

사용자 인터페이스 : 직접적으로 사용자와 상호작용하는 부분, 실제로 사용자는 이부분을 보고 웹을 사용
브라우저 엔진 : UI와 렌더링 엔진 사이의 동작을 제어하게 됨
렌더링 엔진 : 요청한 콘텐츠를 파싱하여 화면에 렌더링함
통신 : 네트워크 관련 작업 → 플랫폼마다 독립적인 인터페이스
UI 백엔드 : 콤보 박스와 창 같은 기본적인 장치, OS에 따라 달라질 수 있음 → 그럼 렌더링 엔진에서 만들어진 콘텐츠를 브라우저 위에 그려주는 역할?
자바스크립트 해석기 : 컴파일러 같은 느낌인 듯(물론 인터프리터 언어라 컴파일러가 딱히 없지만)
자료 저장소 : 쿠키 저장과 같이 하드디스크에 관련 자원을 저장

<aside> 💡 브라우저는 뭘까…? 요청한 자료와 컨텐츠를 화면에 보여주는 역할을 하는 소프트웨어

</aside>

렌더링 엔진

요청해서 받아온 HTML CSS 파일들을 파싱하고 렌더링해서 브라우저 화면에 표시해주는 중요한 역할