렌더링 과정

사이트에 접속할 경우 DNS(실제 서버가 어디에 있는지 알 고 있는 서버 / Domain Name System)가 연결해준다.

index.html을 서버에서 클라이언트로 보내주고 브라우저는 텍스트로 이루어진 index.html파일을 파싱한다.(컴퓨터는 텍스트로 이루어진형태를 인식불가.)

파싱을하면서 DOM(Document Object Model)트리를 만들고 중간에 CSS요청이 발생하면 res / req 과정을 거치고 CSS를 파싱한다.

CSS파싱이 끝나면 다시 html을 읽으면서 DOM트리를 완성한다.

완성된 DOM트리와 CSSOM트리를 합쳐 Render Tree를 만들고 Painting해준다.

파싱도중 Script태그를 만나면 JS를 먼저 로드하고 파싱하고 실행한다.