Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- redux
- 객체지향
- 자바스크립트
- react
- 내일배움카드
- K디지털기초역량훈련
- React & Redux로 시작하는 웹 프로그래밍
- ENFJ포스팅
- 버킷리스트
- free react course
- 노마드코더
- 이메일 코딩
- CSS
- REACT강의
- 코딩
- nomadcoders
- 패스트캠퍼스
- 리액트
- HTML
- 무료리액트강의
- bucket list
- 반응형
- 국비지원
- JavaScript
- 바이트디그리
- 반응형 이메일
- ENFJ
- object-oriented programming
- class
Archives
- Today
- Total
목록캡쳐링 (1)
미미 공부/취미방
Javascript 버블링, 캡쳐링
캡쳐링(Capturing) 부모에서 자식들에게 내림으로 이벤트가 퍼지는 것을 캡쳐링이라고 한다. 비유적으로 예를 들자면, 과자가 4겹으로 봉지에 쌓여있다고 치자. (과자봉지 = 이벤트) 제일 안쪽의 봉지를 까기 위해서, 밖에서 부터 봉지를 까야하듯이 나는 제일 안쪽 요소(증손자 요소)를 눌렀지만 부모 이벤트 실행, 자식 이벤트 실행, 손자 이벤트 실행, 증손자 이벤트 실행 이렇게 차례로 이벤트가 실행되어 내려간다. 자식 이벤트를 클릭한다면, 부모 이벤트 실행, 자식 이벤트 실행 끝 이런 식으로 이벤트 실행이 퍼져나간다. 버블링(Bubbling) 자식에서 부모들에게 올림으로 이벤트가 퍼지는 것을 버블링이라고 한다. 이벤트가 퍼지는 방향이 캡쳐링과 반대로 퍼진다. 증손자 손자 자식 부모 캡쳐링 혹은 버블링 ..
to FED
2022. 11. 19. 17:19