728x90 Developer/Javascript 해부학10 [Javascript] Event Bubbling, Capture, 위임 이란? 캡틴판교 - 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 poiemaweb.com/js-event 1. 서론 사용자가 브라우저와 상호작용한다. 클릭, 드래그, 키보드 입력, .. 이 모든 동작은 Event를 통해 이루어진다. 그리고 브라우저는 사용자의 Event를 감지하여 해당 동작을 처리한다. 2. 이벤트 등록 먼저 사용자와 상호작용하는 동작(함수)를 만들어 Event와 연결하기 위해서는 addEventListener로 이벤트 등록을 해야한다. HTML 삽입 미리보기할 수 없는 소스 ( 개발자도구로 확인해보세요! ) ( 크롬기준 : F12 → Console ) 3. 이벤트 흐름 브라우저가 HTML을 읽어 DOM tree를 만들때 계층적 구조로 만든다. 이렇게 만들어진 DOM tree의 HTML .. 2022. 1. 21. [Javascript] this 란? github.com/JaeYeopHan/Interview_Question_for_Beginner poiemaweb - 함수 호출 방식에 의해 결정되는 this 1. 서론 Javascript 에서는 함수가 실행될 때, 매개변수로 전달되는 인자값을 제외하고 arguments 객체와 this를 암묵적으로 받는다. 그리고 this는 함수를 실행할 때, 함수를 소유하고 있는 객체를 참조한다. 따라서 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. (Java에서 this는 인스턴스 자신을 가리키는 참조변수) (메서드 : 객체의 속성이 함수인 것) 2. 함수를 호출할 때 특정 객체의 메서드가 아닌 함수 호출이면 해당 함수 내부 코드에서 사용된 this는 전역객체(browser : window / .. 2022. 1. 20. 이전 1 2 3 다음 728x90
