# event delegation

15개의 포스트
post-thumbnail

코드캠프 FE 11일차 - TIL(Event-bubbling / Event - Delegation, Library)

📔 3주차 학습목표 클릭 문제 >> Event-bubbling / Event - Delegation 이미 만들어졌다고? >> Library UI의 전체적인 구조를 잡아놓자 >> Layout 다른 페이지도 보여줘 >> Pagination / Infinite-Scrol

2022년 5월 23일
·
0개의 댓글
post-thumbnail

11) tsx : 어려울게 / 나 : anyscript 할게

Algorithm Self Study, event bubbling, ant-design, rate by ant-design, Code Review, Daily Scrum, Algorithm Class, self Study

2022년 5월 23일
·
0개의 댓글
post-thumbnail

[TIL] 프론트엔드 Day 20

📚Event에 대해서 나의 배움기록

2022년 4월 15일
·
0개의 댓글

이벤트 버블링, 캡처링, 위임

이벤트 버블링은 이벤트가 특정 요소에 이벤트가 발생했을 때, 이벤트가 발생한 요소보다 상위요소에 전달되는것을 의미한다.상위요소? HTML요소는 트리구조를 갖는다. 트리구조에서 한 단계 위에 있는 요소를 상위요소라 하고, 최상위요소를 body라한다.이벤트 캡쳐는 최상위요

2022년 3월 31일
·
0개의 댓글
post-thumbnail

11) 인기짱 라이브러리들을 쓰자! ant-design! 이벤트 버블링! 근데 이번주 월화수목금은 25시간 잘수있을까 (?) (code-camp fe 6기)

goodmorning self study이제 알고리즘이 어렵다 나에게 너무...풀었던 문제도 다시 푸는 습관을 들여야한다.. 이문제는 풀이보고 겨우 이해한 문제이고..! 이문제는 풀이를 찾아보고도 이해못한 문제 ^^>...눈물나네 아침부터 굿모닝 아니네.... 이따 알

2022년 3월 28일
·
0개의 댓글
post-thumbnail

[JS]scrollIntoView event handlers, bubbling & capturing, event delegation, DOM traversing

Implementing Smooth Scrolling scroll 관련 알아두면 좋은 정보들 > * getBoundingClientRect() : relative to visible viewport window.screen : 모니터 size window.outer

2021년 12월 22일
·
0개의 댓글
post-thumbnail

[JS30] -25) Event Capture, Bubbling, Propagation and Once

상위 div에 클릭 이벤트를 등록하고, 가장 안쪽 주황색을 눌렀을 때 하위 div에서부터 이벤트가 Bubbling 되어 three,two,one 순으로 출력된다.capture을 true로 주면 이벤트 캡처링으로 상위 div에서 하위 div로 전파되어 one,two,t

2021년 11월 14일
·
0개의 댓글
post-thumbnail

[JavaScript] 이벤트 위임(event delegation)

인스타그램 클론 코딩 중 댓글 추가기능을 구현하고 추가로 댓글 삭제 및 좋아요를 구현하고 있었다.

2021년 8월 11일
·
0개의 댓글
post-thumbnail

Event delegation

Event bubbling, Event capturing, Event delegation

2021년 3월 29일
·
0개의 댓글
post-thumbnail

25. Event Capture, Propagation, Bubbling and Once

Event 발생 시 bubbling과 capture 그리고 addEventListener 함수의 option 인자(capture와 once)에 대한 학습Event Bubbling: 특정 element에서 event 발생 시, 상위 element로 이벤트가 전파(prop

2020년 12월 19일
·
0개의 댓글

[JS]이벤트 위임 (Event Delegation)

event capture 와 bubbling을 이용해 이벤트 위임을 구현할 수 있다. ul안에 수많은 li가 있거나 테이블 안에 많은 tr, td가 있을 때 모든 elements들에 다 event를 거는 것은 번거롭다.이를 ul 또는 table에 이벤트를 걸어서 이벤트

2020년 11월 20일
·
0개의 댓글

React에서 이벤트 위임을 통한 이벤트 리스너 최적화

결론만 말하자면, 이벤트 위임을 통해서 이벤트 리스너의 개수를 줄이려 하더라도 의미 없고, 성능 향상도 없다.

2020년 10월 18일
·
0개의 댓글

이벤트 버블링/캡쳐링

브라우저는 특정 화면 요소에서 이벤트가 발생시 기본적으로 그 이벤트를 최상위에 있는 화면 요소까지 전파시킨다.(이벤트 버블링이 기본이므로) 이 때 이벤트 전파방식은 버블링과 캡쳐링 2가지로 나눌 수 있다. 버블링 화면의 하위요소->상위요소로(최상위요소 body까지 전

2020년 9월 10일
·
0개의 댓글

프론트엔드 면접 질문 정리 [JS #1 event Propagation & Delegation]

BubblingCapturingEvent delegationelement에서 event가 발생할 때, 해당 element의 handler를 실행시키고, html/document/window element까지의 ancestor elements를 따라 동일한 event에

2020년 8월 23일
·
0개의 댓글