Introduction - wooyeonhui/Yeonny GitHub Wiki

브라우저 동작 원리

대부분의 프러그래밍 언어는 운영체제(Operating System, OS)위에서 실행되지만 웹 애플리케이션의 JavaScript는 브라우저의 틀 안에서 HTML, CSS와 함께 실행된다. 따라서 JavaScript 브라우저 환경을 고려할 떄 보다 효율적 프로그래밍이 가능하다.

브라우저의 주요 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 응답(Response)을 받아 브라우저에 표시하는 것이다. 브라우저는 서버로부터 html, javascript 파일을 응답받는다. html, css 파일은 렌더링 엔진의 HTML 파서와 CSS파서에 의해 파싱(Parding)되어 DOM, CSSOM트리로 뱐환되고 렌더 트리로 결합된다. html 파서는 script태그를 만나면 DOM 생성 프로세스를 중지하고 자바스크립트 엔진에 제어 권한을 넘긴다. 자바스크립트 엔진의 실행이 완료된 후 브라우저가 중지했던 시점부터 DOM 생성을 제개한다. 이것은 script 태그의 위치에 의해 DOM의 생성이 지연될 수 있음을 의미한다.