브라우저의 동작원리

브라우저의 동작원리

사용자가 브라우저에다가 주소검색창에 블라블라를 치고 엔터를 치면,

브라우저 엔진에서 서버에 자원을 요청하고 받은뒤, 랜더링엔진에 가서 html파일을 로드한뒤,

파싱해서 dom트리를 그린다 그리는 와중에 css링크를 만나면, dom트리 그리던걸 중단하고

css를 로드해서 파싱하고 cssom트리를 그린다. dom트리와 cssom트리를 다 그리면 

렌더트리를 완성하는데, 완성하기전에 script태그를 만나면, 

자바스크립트 엔진으로가서 자바스크립트를 로드한뒤 파싱하고, ast를 그린다

이것을 다끝내면 렌더트리를 그린뒤 사용자에게 보여준다.

이과정이 브라우저의 동작원리이고, 이때 브라우저의 핵심기능은 렌더링트리가,

script태그를 바디 끝부분에 작성하는이유는 dom트리가 다그려지기 전에 동작들이 먼저 그려지면 동작을 

못하기 때문이다