inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

코딩인터뷰를 저격하는 JS 스나이퍼 양성학교

대신 귀여운 부모요소를 드리겠습니다. < 이벤트 위임 >

이벤트 위임관련...

255

아기고양이

작성한 질문수 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 만 사용해도 메모리 누수는 없다. 하지만 좋은 습관으로 생각된다로 마무리하고 있군요!

 

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

15

1

call stack 표현이 잘못표현된것이 아닌가요?

0

36

2

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

33

1

일반 강의와 차이점?

1

44

1

!= 연산자의 역할

0

34

1

중요하진 않지만 설명하신부분에서 안된부분..

0

32

1

강의 듣는 순서가 어떻게 되나요?

0

47

1

stopPropagation()에 대해서 질문 있습니다.

0

49

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

62

2

27강 Context내 RSC 사용 관련 문의

0

78

3

혹시 다음 강의 제작 예정된 것들이 있을까요?

0

73

1

Enable Linting 항목을 찾을수가 없습니다.

0

43

2

에러 질문드립니다

0

60

2

1강 질문

0

65

2

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

0

254

0

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

1

240

1

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

1

266

1

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

2

277

1

생성자 함수관련...

2

227

1

function과 arrow function 관련

1

288

1

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

1

244

1

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

1

198

1

생성자 내에 함수 선언

2

324

2

apply에서 this 질문입니다

2

187

1