브라우저의 작동 원리 (1) (How browser works)

브라우저의 기본 구조

1. 사용자 인터페이스
2. 브라우저 엔진 : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어
3. 렌더링 엔진 : 요청한 콘텐츠를 표시 HTML과 CSS를 파싱하여 화면에 표시.
4. 통신
5. UI 백엔드 : 콤보 박스와 창 같은 기본적인 장치를 그림
6. 자바스크립트 해석기 : 자바스크립트 코드를 해석하고 실행
7. 자료 저장소

• 크롬은 대부분의 브라우저와 달리 각 탭마다 별도의 렌더링 엔진 인스턴스를 유지한다. 각 탭은 독립된 프로세스로 처리된다.

렌더링 엔진

요청받은 내용(HTML, CSS)을 브라우저 화면에 표시하는 일이다.

렌더링 엔진의 종류

보편적으로 사용하는 브라우저만 보면 파이어폭스는 모질라에서 직접 만든 게코 엔진을 사용하고 사파리는 웹킷 엔진을 사용한다. 크롬 역시 웹킷 엔진을 사용했으나 2013년 부터 Blink라는 웹킷에서 파생된 엔진을 사용하기 시작했다.

동작과정