[웹] 브라우저(Browser) 동작방식

클라이언트가 서버에 데이터를 요청을 하고 서버로부터 받은 데이터 즉 웹을 통해서 전달된 데이터를 브라우저를 통해 화면에 띄워주게 된다. 여기서 브라우저는 크롬, 익스플로어, 사파리, 파이어폭스 등 여러가지가 있다.

 

그럼 화면에 띄워주기위한 브라우저의 동작방식이 있을 것이다.

브라우저는 데이터를 해석해주는 파서와 해석한 데이터를 화면에 표현해주는 렌더링 엔진이 있는데 파서로 전달받은 데이터를 세부적으로 나눠서 해석하게되고 랜더링작업을 마친 후 화면을 띄워주게 된다.

 

다음 밑 그림을 참고하도록하자.

 

사파리 브라우저에서 처리되는 webkit렌더링엔진의 처리과정출처 https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

 

이런식으로 HTML, CSS 따로 나눠서 파싱을하고 각각의 구조에 맞게 세분화 및 해석을 하고 합친후 렌더링을 하게된후 화면에(Display) 띄워주게(색칠) 된다. 

추가적으로 브라우저마다 서로 다른 엔진을 포함하고 있다고한다.

 

 

출처 : https://www.edwith.org/boostcourse-web/lecture/16663/

        https://d2.naver.com/helloworld/59361