40장. 이벤트
1.
p에 마우스 올리면 웹 페이지 배경(body) 노란색으로 변하는 이벤트를 등록하고 제거하는 코드를 작성해 보아요
<body>
<p id="p">마우스를 올려보세요.</p>
<script>
...
</script>
</body>
JavaScript
복사
이벤트 어트리뷰트
이벤트 프로퍼티
addEventListener
2.
three를 누르면 어떤 결과가 출력될까요?
<body>
<div class="one"> one
<div class="two"> two
<div class="three"> three
</div>
</div>
</div>
</body>
<script>
var divs = document.querySelectorAll('div');
divs.forEach(function(div) {
div.addEventListener('click', logEvent);
});
function logEvent(event) {
console.log(event.currentTarget.className);
}
</script>
JavaScript
복사
반대로 결과가 나오게 하려면?
41장. 타이머
3.
타이머 함수는 자바스크립트 표준 빌트인 객체이다 (O/X)
4.
짧은 시간 간격으로 연속해서 발생하는 이벤트를 “그룹화”해서 과도한 이벤트 핸들러의 호출을 방지하는 프로그래밍 기법 두가지를 나열하고, 각각 설명
42장. 비동기 프로그래밍
5.
자바스크립트 엔진은 (a)와 (b)로 구성되어 있다.
6.
동기 방식과 비동기 방식의 장단점
7.
자바스크립트 싱글스레드 언어인데, 비동기 방식으로 작동할수 이유는?
7.
자바스크립트가 비동기를 처리하는 세가지 방법은?
43장. Ajax
8.
XMLHttpRequest 객체는 자바스크립트 빌트인 객체이다 (O/X)
