[기술면접] 브라우저의 작동방식

▶️ 브라우저의 작동방식에 대해서 설명해주세요.

• 사용자가 브라우저에 url을 입력해서 서버에 웹페이지를 요청하면 브라우저는 서버에서 해당 url에 맞는 html,css,javaScript파일 및 다른 리소스를 가져온다.
• 브라우저는 html 파서를 통해서 html파일을 파싱하고 DOM트리로 변환시킨다. 그 다음에 html에 적용되는 css도 css파서를 통해서 파싱이되고 CSSOM트리로 변환되고 DOM트리와 결합되어 렌더트리가 된다. 이 렌더트리를 기반으로 브라우저가 웹페이지를 보여준다.
• javaScript는 렌더링 엔진이 아닌 javaScript엔진이 처리한다. html파서가 html을 파싱하는 과정에서 script태그를 만나면 javaScript코드를 실행하기 위해서 dom생성 프로세스를 중지하고 javaScript엔진으로 제어 권한을 넘긴다. 권한을 받은 javaScript엔진은 script 태그 내의 자바스크립트 코드 또는 script 태그의 src 어트리뷰트에 정의된 자바스크립트 파일을 로드하고 파싱하여 실행한다. 자바스크립트의 실행이 완료되면 다시 HTML 파서로 제어 권한을 넘겨서 브라우저가 중지했던 시점부터 DOM 생성을 재개한다.