[week5_HAEUN] 40장, 42장 퀴즈

[sonnnnhe]

Q1. OX 문제

1. 자바스크립트는 멀티 스레드로 동작하지만 브라우저는 싱글 스레드로 동작한다. (O, X)
2. 비동기 처리에서 소스코드의 평가와 실행을 포함한 모든 처리는 자바스크립트 엔진을 구동하는 환경인 브라우저 또는 Node.js가 담당한다. (O, X)
3. 함수를 실행하면 함수 실행 컨텍스트가 순차적으로 힙에 푸시되어 순차적으로 실행된다. (O, X)
   
   

Q2. 빈칸 채우기

• 생성된 이벤트 객체는 ( )을 중심으로 DOM 트리를 통해 전파된다.
• 이벤트가 상위 요소에서 하위 요소 방향으로 전파하는 것을 ( ) 라고 한다.
• 이벤트 객체의 ( ) 메서드는 DOM 요소의 기본 동작을 중독시킨다.

Q3. 서술형

이벤트 핸들러 등록 방법 3가지를 서술하시오.

[sonnnnhe]

A1.

1. X → 자바스크립트는 싱글 스레드로 동작하지만 브라우저는 멀티 스레드로 동작한다
2. X → 비동기 처리에서 소스코드의 평가와 실행을 제외한 모든 처리는 자바스크립트 엔진을 구동하는 환경인 브라우저 또는 Node.js가 담당한다.
3. X → 함수를 실행하면 함수 실행 컨텍스트가 순차적으로 콜 스택에 푸시되어 순차적으로 실행된다.

A2.

• 이벤트 타깃 (event target)
• 캡처링 단계 (capturing phase)
• preventDefault

A3.

1. 이벤트 핸들러 어트리뷰트 방식
   • 어트리뷰트 이름은 on 접두사와 이벤트 종류를 나타내는 이벤트 타입으로 이루어져 있다. 이벤트 핸들러 어트리뷰트 값으로 함수 호출문 등의 문을 할당하면 이벤트 핸들러가 등록된다.
   • <button onclick=”sayHi”>…</button>
2. 이벤트 핸들러 프로퍼티 방식
   • 이벤트 핸들러 프로퍼티의 키는 이벤트 핸들러 어트리뷰트와 마찬가지로 onclick과 같이 on 접두사와 이벤트의 종류를 나타내는 이벤트 타입으로 이루어져있다. 이벤트 핸들러 프로퍼티에 함수를 바인딩하면 이벤트 핸들러가 등록된다.
   • $button.onclick = function () { … };
3. addEventListener 메서드 방식
   • EventTarget.prototype.addEventListener 메서드를 사용하여 이벤트 핸들러를 등록할 수 있다.
   • $button.addEventListener(’click’, function () { … });