일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS)
- 노개북
- 코딩
- 자바스크립트스터디
- 그리디알고리즘
- 시작
- 북클럽
- 프로그래머스
- 이벤트위임예제
- 2월기념일을위해서달리자
- 11399번문제
- 노마드코더
- 취업준비중..
- 캐럿마켓클론
- JS비동기처리
- 실용주의프로그래밍
- 1931번문제
- 개발자필독서
- 노마드북클럽
- 개발자필독서?
- 취업준비중
- 클린코드
- 실용주의프로그래머
- CSS
- 백준문제풀이
- JavaScript
- 이벤트위임
- 이펙티브타입스크립트
- 개발자
- 리액트의탄생
Archives
- Today
- Total
목록이벤트위임 (1)
파카
이벤트 시스템, 이벤트 위임
이벤트 시스템이란 ? DOM을 통해 코드로 특정하지 못하는 상태를 특정하고 활용하는 것을 말한다 여기에는 아래 2가지 개념이 있다. // Bubbling // 안쪽에 있는 요소에서 이벤트가 발생했을 때 밖으로 확산되어 나가는 것 // 이벤트가 발생한곳에서 이벤트 리스너가 있는 곳으로 상위계층으로 찾아가는 이벤트 버블링 // Capturing // 이벤트가 발생했을 경우, 이벤트가 발생한 곳으로 하위계층으로 찾아 들어가는 이벤트 캡처링 캡처링과 버블링을 활용하면 강력한 이벤트 핸들링 패턴인 이벤트 위임(event delegation) 을 구현할 수 있다. 코드를 통해 실습해보자 HTML 코드 더보기 HTML을 div내에 영역을 분리해서 클릭이벤트를 확인해보고자 한다. 아래 예제를 통해 콘솔을 보면서 이해해..
프로그래밍/Javascript
2021. 12. 29. 14:48