DOM 트리 상에 존재하는 DOM 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파됨 Apple Banana Orange ul 요소의 두 번째 자식 요소인 li 요소를 클릭하면 클릭 이벤트생성된 이벤트 객체는 이벤트를 발생시킨 DOM 요소인 이벤트 타깃을 중심으로 DOM 트리를 통해 전파됨  클릭하세요   과정이벤트 전파는 이벤트 객체가 전파되는 방향에 따라 3단계로 구분됨캡처링 단계이벤트가 DOM 트리 최상위 요소에서 시작해 타겟 요소를 향해 내려감window -> document -> html -> body -> grandparent -> parent -> child캡처링 단계의 이벤트를 캐치하려면 addEventList..

이벤트 핸들러$_{event \space handler, \space event \space listener}$는 이벤트가 발생했을 때 브라우저에 호출을 위임한 함수이벤트가 발생하면 브라우저에 의해 호출될 함수가 이벤트 핸들러이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것을 이벤트 핸들러 등록이라 함 인라인 이벤트 핸들러HTML 요소에 직접 onclick등의 속성으로 지정간단하지만 HTML과 Javascript 코드가 섞여 유지보수가 어려울 수 있음관심사가 다르므로 혼재하는 것보다 분리하는 것이 좋음 function handleClick() {console.log('인라인 이벤트; 버튼 클릭됨');}모던 자바스크립트에서는 이 방식을 사용하는 경우가 있음CBD 방식의 Angular /..