인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

oridori2705님의 프로필 이미지
oridori2705

작성한 질문수

[React / VanillaJS] UI 요소 직접 만들기 Part 1

아코디언 (4/6) 순수 JavaScript로 작성

이벤트 핸들러가 Root에 모이면

해결된 질문

작성

·

193

0

리액트에서는 onClick으로 이벤트를 등록하면 Root에 모이게 된다고 하셨는데
제가 이 부분을 정확히 이해했는지 알고싶어서 질문 드립니다!


보통은 자바스크립트에서는 각 요소마다 addEventListener를 여러 번 호출하면 메모리 측면에서 비효율적이고 성능이 떨어질 수 있다고 알고 있습니다. 그래서 이벤트 위임을 사용하는 것으로 이해했습니다.

 

현재 강의에서는 각 요소마다 onclick 이벤트를 등록하셨는데
리액트에서는 Root에서 중앙통제하기 때문에 상관없다는 것으로 인지했습니다.

  1. 제가 알기로는 이벤트들을 모아다가 root에 addEventListener를 하는 것으로 알고 있는데 이게 맞을까요?

  2. 그러면 리액트에서는 굳이 이벤트 위임을 사용할 필요가 없을까요? 예를 들어 onClick을 여러 요소에 등록하지 않고 상위 요소 하나에만 등록하는 것처럼 말이죠..!

답변 1

0

정재남님의 프로필 이미지
정재남
지식공유자

둘 다 맞습니다!

제가 지금 여행중이라 급하게 링크만 남겨둘게요 ㅎㅎ

https://medium.com/@agrawalsaurabh026/how-react-handles-events-and-utilizes-event-delegation-fb9f147cb650

oridori2705님의 프로필 이미지
oridori2705
질문자

헐 빠른 답변 정말 감사합니다!

oridori2705님의 프로필 이미지
oridori2705

작성한 질문수

질문하기