ch38-문제.md

Chapter38

📌문제1

true,false를 판단하세요.

1. 서버로부터 받아온 자바스크립트 파일은 브라우저의 렌더링 엔진에의해 파싱된다.
2. 서버로부터 데이터를 받아올때 모든 데이터(html,css,js,이미지파일 등등.)를 동시에 받아온다.

답안 작성

(1)
(2)

📌문제2

true,false를 판단하세요.

1. HTTP는 웹에서 서버와 클라이언트가 통신하기위한 프로토콜(규약)이다.
2. HTTP1.1은 다중 요청/응답이 가능하다.

답안 작성

(1)
(2)

📌문제3

문제 작성

1.돔트리에는 포함되지만, 렌더트리에는 포함되지않는 노드들을 고르고(1) 그 이유에대해 설명하시오(2)
(1) head 돔요소
(2) display : none; 속성을 지닌 돔요소

답안 작성

(1)
(2) 

📌문제4

문제 작성

1.리렌더링이 발생하는 상황에대해 설명하세요(최소 1가지)

답안 작성

📌문제5

javascript 태그를 body의 맨 밑에 두는 이유는?

답안 작성

📌문제6

script tag에서 async 와 defer이 무엇인지 설명하고, 차이점을 서술하시오.

답안 작성

📌문제7

display : none 과 visibility : hidden의 차이점을 렌더의 관점에서 쓰시오

답안 작성

📌문제8

브라우저 렌더링 순서에 맞게 나열하세요.

(a) Paint
(b) Layout
(c) DOM 트리, CSSOM 트리 생성
(d) 렌더 트리 생성

답안 작성

📌문제9

브라우저의 렌더링 엔진이 HTML 문서를 파싱하여 DOM을 만드는데, 이때의 HTML 문서의 변화를 순서대로 나열하세요.

(a) 문자열
(b) 노드
(c) 토큰
(d) 바이트

답안 작성

📌문제10

다음 문장의 true, false를 판단하세요.

(1) 렌더링 엔진은 모든 html을 파싱할 때까지 기다리지 않고 비동기적으로 Layout, Paint 과정을 수행한다.
(2) HTML/CSS 파일을 파싱 과정으로 '바이트 → 문자 → 노드 → 토큰 → DOM/CSSOM'을 거친다.
(3) HTML을 파싱하는 동안 style, css 태그를 만나면 HTML 파싱 과정을 일시 중단한다.
(4) 렌더 트리는 meta 태그, script 태그를 포함한 모든 노드로 구성된 트리 구조의 자료구조이다.

답안 작성

(1) : 
(2) : 
(3) : 
(4) : 

📌문제11

(가) 다음은 HTML, CSS를 파싱하는 과정에서 언급된 키워드입니다. 알맞은 순서로 나열하시오.

(1) : DOM/CSSOM
(2) : 토큰
(3) : 문자열
(4) : 바이트
(5) : 노드

(나) 다음 보기의 true, false를 판단하시오.

(1) : 문법적 의미를 갖는 코드의 최소 단위를 노드라고 한다.
(2) : CSS, JavaScript 파싱하면서 DOM을 만들 수 있다.
(3) : 서버로부터 받은 HTML 문서를 브라우저가 바이트(2진수)형태로 변환한다.

답안작성

📌문제12

다음 보기의 각 속성이 변화되었을 때 Reflow와 Repaint 중 어느 단계부터 실행되는 지 고르시오

(1) : position
(2) : visibility
(3) : transform
(4) : width, height
(5) : opacity
(6) : background
(7) : overflow
(8) : color
(9) : cursor

답안작성

📌문제13

다음 보기의 true, false를 판단하시오.

(1) : 자바스크립트 파일의 로드가 완료된 직후, 자바스크립트의 파싱과 실행이 되는 속성은 async 어트리뷰트이다.
(2) : DOM을 동적으로 조작할 수 있는 DOM API는 JavaScript 엔진에서 제공한다.
(3) : 자바스크립트의 파싱과 실행 순서는 바이트코드 생성 → 토크나이징 → 파싱 이다.

답안작성