Q1.

다음 코드 실행 시 일어나는 순서를 올바르게 나열하시오.

const title = document.querySelector('h1');
title.textContent = 'Hello DOM';

1. 렌더링 엔진이 DOM 트리 내부에서 <h1> 요소 탐색
2. JS 엔진이 document.querySelector 호출
3. 렌더링 엔진이 Host Object 형태로 결과 반환
4. JS 엔진이 반환받은 객체의 textContent 변경
5. 렌더링 엔진이 DOM 변경사항을 반영 (Reflow → Repaint)

• 답

Q2.

다음 중 올바른 설명을 모두 고르시오.

A. 렌더링 엔진은 HTML/CSS를 파싱해 DOM과 CSSOM을 생성한다.

B. 자바스크립트 엔진은 렌더링 엔진 내부에 포함되어 동작한다.

C. 두 엔진은 Web API를 통해 데이터를 교환한다.

D. 자바스크립트 엔진이 DOM 트리를 직접 조작한다.

• 답

Q3.

브라우저의 구조를 구성 요소별로 올바르게 연결하시오.