웹 브라우저의 동작 원리

웹 브라우저란?

웹 브라우저는 동기적으로 HTML, CSS, JS해석하여 화면에 내용을 보여주는 응용 소프트웨어입니다.

 

웹 브라우저가 웹 서버에 필요한 자원을 요청하면 서버는 이에 응답하고 웹브라우저에서 받은 자원을 해석하여 클라이언트에게 보여줍니다. 즉, 브라우저는 클라이언트(Clinet)와 서버(Server) 사이에서 자원을 요청하고, 해당 자원을 화면상에 표현해 주는 역할을 한다.

 

 

1. 브라우저는 서버로 부터 HTTP Request를 통해서 데이터를 받으면 HTML 문서를 파싱하여 DOM(Document Object Model) 트리를 생성한다. DOM 트리를 생성하는 과정에서 script나 리소스나 link가 걸려있는 태그에 대해서는 파싱을 중단하고, 해당 작업을 완료 후에 파싱을 이어나간다.

 

2. CSS File을 파싱하여 CSSOM 트리를 생성한다.

 

3. 앞서 만든 DOM트리와 CSSOM트리를 합쳐서 렌더트리를 생성한다.

 

4. 렌더트리를 활용하여, 웹페이즈에 내용을 그려냅니다.