관리 메뉴

막내의 막무가내 프로그래밍 & 일상

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

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

막무가내막내 2019. 4. 9. 01:51
728x90

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

 

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

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

 

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

 

사파리 브라우저에서 처리되는 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

728x90

'' 카테고리의 다른 글

[웹] HTTP Status Code Cheat sheet (HTTP 상태코드 쉽게 외우기)  (0) 2022.04.25
[웹] Postman 배열을 Post 요청하는법  (0) 2019.11.03
[웹] XML 실습  (0) 2019.10.04
[웹] HTTP 정리  (0) 2019.04.09
Comments