inflearn logo
강의

Course

Instructor

JS Sniper Training School: Targeting Coding Interviews

Instead, I'll give you a cute parent element: <Event Delegation>

이벤트 위임관련...

250

karajan6106524

9 asked

1

내용 너무 좋네요... 버블링과 캡처링에 대해서 쉽게 설명해주셨어요.

다만 개인적으로 아쉬운부분은 왜 요소마다 addEventListener를 매번 등록이 아닌 이벤트 위임을 사용하게되는지 내용을 구체적으로 더 언급을 해주셨으면 좋지않았을까싶어요.

제가 아는 범위내에서 설명을 드려보고자한다면 이벤트가 필요한 요소마다 매번 addEventListener를 등록하게된다면 메모리 부담이 증가하게됩니다. 그래서 이벤트 위임을 이용하는것으로 알고 있어요. 여기서 질문이 있는데... js에서 만약 등록된 요소를 remove element를 하게된다면 이전에 removeEventListener를 하고 remove element를 해야할까요? 아니면 그냥 요소만 삭제한다면 gc에서 알아서 지워줄까요??

javascript 코테 준비 같이 해요!

Answer 1

0

Hojun Lee

안녕하세요 아기고양이님! 항상 좋은 질문 감사합니다.

너어무 유익한 질문이라고 생각됩니다 ㅎㅎ

아쉽게도 저는 별 생각 없이 remove element로 마무리를 했었는데요 ㅋㅋ;;

찾아보니 테스트 해본 분이 있었습니다.

https://stackoverflow.com/questions/6033821/do-i-need-to-remove-event-listeners-before-removing-elements

결국 결론은 최신 브라우저의 경우 remove element 만 사용해도 메모리 누수는 없다. 하지만 좋은 습관으로 생각된다로 마무리하고 있군요!

 

imagesLoaded에 관한 질문

0

3

2

useEffect와 lifecycle문의

0

7

1

프론트엔드 학습 수준 문의

0

25

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

41

2

최근 코테, 과제 테스트 트렌드

0

56

2

lucide react 아이콘 설치

0

35

2

17강 zustand store 서버에서 생성

1

30

1

문의관련 문의

0

37

2

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

0

47

2

76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.

0

41

2

ai 도구 질문

0

30

1

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

0

44

1

렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.

0

44

2

데이터 로딩중 화면만 계속 나와요!!

0

51

2

prototype.constructor 를 꼭 설정해주어야 하는 이유가 뭔가요?

0

247

0

생성자 함수와 클래스 중 어느 것을 사용하는게 효율적인가요?

1

236

1

클로저 파트 마지막 예시에 관해 질문있습니다.

1

260

1

let, const에서의 호이스팅에 대해서...

2

274

1

생성자 함수관련...

2

222

1

function과 arrow function 관련

1

287

1

객체 공장장, <생성자> 편에 잘못된 내용이 있는것 같습니당

1

242

1

동영상강의에서 사용했던 코드 공유 부탁드립니다.

1

197

1

생성자 내에 함수 선언

2

314

2

apply에서 this 질문입니다

2

182

1