Search
Duplicate

브라우저는 어떻게 동작할까?

크롬, 사파리 등 우리는 웹 브라우저를 통해 서버에 무언가 요청을 보내는 행위를 한다.

웹 브라우저란?

웹 서버와 양방향 통신을 하는 프로그램이다.

주요기능

선택한 자원을 서버에게 요청하고 전송받은 자원을 브라우저 화면에 표시하는 것
어떻게 서버에 자원을 요청할까? URI를 이용해 요청함, Uniform Resource Identifier

구조

사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분
브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어
렌더링 엔진 - 요청한 콘텐츠를 표시, 예를 들어 HTML을 요청하면 해당 응답의 HTML 파일의 HTML과 CSS를 파싱하여 화면에 표시
네트워킹 - HTTP 요청과 같은 네트워크 호출에 사용됨, 독립적인 인터페이스이며 각 플랫폼 하부에서 실행됨
UI 백엔드 - select / input 등 기본적인 위젯을 그림
자바스크립트 파서 - 자바스크립트 코드를 해석하고 실행
자료 저장소 - Cookie, Local Storage 등 Local에 resource를 일부 저장하는 영역