How Browsers Work: Behind the scenes of modern web browsers

 

How Browsers Work: Behind the scenes of modern web browsers

https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

 

클라이언트 요청에 대한 결과인 HTML, CSS파일이 다운받아집니다.

HTML은 파서를 통해 DOM트리구조로 변환되고 CSS도 파서를 통해 CSS 규칙을 해석을 하게 됩니다. HTML의 어떤 태그에 어떤 CSS 스타일을 적용해야 되는지에 대한 정보를 Render Tree로 만들어서 Layout과 Painting을 통해 특정 위치, 크기, 스타일로 Display되어 표시되게 됩니다.

이 과정중 무언가 문제 있다면 원하는 형태로 표시가 되지 않게 됩니다.