FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 캡처링(Capturing) HTML 태그는 중첩되어 있습니다. 특정한 태그에서 발생하는 이벤트는 중첩되어 있는 태그들 모두가 대상이 되는 경우가 생깁니다. 이럴때 중첩된 태그들의 이벤트는 어떻게 처리가 되어 출력이 되는지 보겠습니다. - 예제 event propagation 위의 예제 코드에서, 제일 안쪽에 존재하는 id 가 target 인 버튼을 누르면 아래와 같이 출력됩니다. 그러면 이벤트가 부모에서부터 시작되어 자식으로 전파되는 식으로 출력이 됩니다. 부모에서 자식으로 전파되는 방식이 캡쳐링(capturing) 이라고 합니다. 하지만 ie 낮은 버전에서는 작동하지 않기 때문에 잘 사용하지는 않습니다. - 버블링(Bubb..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 이벤트(Event)란 이벤트(event)는 어떤 사건을 의미합니다. 브라우저에서의 사건이란 사용자가 클릭을 했을 '때', 스크롤을 했을 '때', 필드의 내용을 바꾸었을 '때'와 같은 것을 뜻합니다. onclick 속성의 자바스크립트 코드(alert(window.location))는 사용자가 이 버튼을 클릭 했을 '때' 실행됩니다. JS 개발자는 어떤 일이 발생했을 때 실행 되어야 하는 코드를 등록합니다. 그리고 브라우저는 그 일이 발생했을 때 등록된 코드를 실행하게 됩니다. 이러한 방식을 이벤트 프로그래밍이라고 합니다. - event target target은 이벤트가 일어날 객체를 의미합니다. 타겟은 버튼 태그에 대한 객체..