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