4장 - 브라우저 동작 원리

4-1. 브라우저 동작 원리

- JS는 특별히 브라우저에서 html, css랑 함께 실행된다.
- 브라우저의 핵심 기능은 요청에 따른 응답을 브라우저에 렌더링(표시)하는 것이다.
- 서버로 부터 받은 응답(html, css, js파일)을 html파서, css파서로 파싱 -> DOM, CSSDOM 트리로 변환 후 결합(렌더 트리 생성) -> 렌더 트리로 렌더
- JS는 렌더링 엔진말고 JS엔진이 처리한다. script 태그를 만나면 하던거 멈추고 js부터 처리시킨다. -> 동기적으로 처리하기 때문에 html, css를 먼저 생성 후, JS를 실행시키는 것은 좋은 아이디어!(script 태그를 body 아래에 두는 이유!)