inflearn logo
강의

講義

知識共有

コーディングインタビューを狙い撃つJSスナイパー養成学校

代わりにかわいい親要素を差し上げます。 <イベント委任&gt;

이벤트 위임관련...

270

karajan6106524

投稿した質問数 9

1

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

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

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

javascript 코테 준비 같이 해요!

回答 1

0

Hojun Lee

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

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

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

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

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

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

 

챌린지 시작일 문의

0

5

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

10

1

11차시 Antigravity IDE 설치 후

0

14

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

9

1

5,6,7,8 내용이 없어요

0

12

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

9

1

mission 09-01 을 수행할 수 없어요

0

16

1

Context API vs Zustand 그리고 Auth

0

30

2

순수 함수 / 순수 컴포넌트

0

21

1

css box-sizing 관련 질문

0

32

2

스니펫이 이상해요

0

31

2

Editor Component의 최적화 불가능 이슈

0

37

2

useCallback ⊂ useMemo

0

34

2

깃허브 저장소를 어디에 첨부하셨나요?

1

39

1

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

0

265

0

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

1

256

1

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

1

281

1

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

2

346

1

생성자 함수관련...

2

242

1

function과 arrow function 관련

1

295

1

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

1

261

1

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

1

209

1

생성자 내에 함수 선언

2

344

2

apply에서 this 질문입니다

2

201

1