브라우저의 작동 방식에 대하여...

<회고록>

오늘은 브라우저의 작동 방식에 대해서 살펴보려고 한다. 즉 브라우저가 어떻게 작동하느냐?라는 질문에 대해서 답을 해보려고 한다.

 

1. 브라우저 어떻게 작동하느냐?

브라우저의 작동방식을 크게 보자면 다음과 같다. 첫번째 클라이언트의 요청이 온다. 두번째 서버의 응답을 받는다. 이렇게 2가지의 과정으로 나뉜다. 이를 자세히 들어가자면 다음과 같다. 클라이언트의 요청을 서버에게 보내고 이에 대한 응답 즉 리소스 (html , css , js)를 받는다. 브라우저는 이 리소스를 다음과 같이 처리한다.

• html : html 문서는 파싱되어 구조화된 트리 형태의 DOM을 만든다.
• css : css 또한 파싱되어 구조화된 CSSOM을 만든다.
• js : js는 파싱되어 이는 랜더 트리에 영향을 미친다.
• 렌더 트리 : html , css를 합쳐서 렌더 트리를 생성한다.
• 레이아웃, 페인팅 : 레이아웃과 페인팅을 통해서 화면에 페이지를 그리게 된다