13:00 return() => {} 부분
안녕하세요.
13:00에서, useEffect 클린업 부분에 '스크롤 하면 이벤트리스너가 제거' 된다고 해석하면 될까요?
window.removeEventListener("scroll", () => {})
답변 1
1
안녕하세요!!
현재 "스크롤"이라는 이벤트가 발생하면 어떠한 함수를 호출할 건지 리스너를 등록해준 것입니다.
이것을 이벤트 리스너 등록이라고 하는데 이 리스너를 등록했기 때문에 마우스 스크롤을 할 때마다 함수가 호출된 것입니다.
근데 이 해당 컴포넌트를 사용하지 않는데 이 리스너가 계속 등록되어있으면 안 되겠죠?!!
그렇기 때문에 이 리스너를 제거해주는 부분입니다.
그래서 질문해주신 부분은
컴포넌트를 사용하지 않게 될 때 스크롤에 대한 이벤트가 발생할 때 호출되는 함수를 더 이상 호출되지 않게 해당 이벤트 리스너를 지워주는 부분입니다.
감사합니다.
강의 소스 코드 압축 풀기 오류
0
92
1
런타임 에러 ㅠㅠ
0
105
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
114
1
안녕하세요 개발과 상관없는 질문입니다만
0
123
1
리액트 라우터 관련
0
119
1
react-beatiful-dnd에서 문제가 발생합니다.
0
108
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
833
1
useEffect로 사용을 해도 되나요?
0
210
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
202
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
287
2
리액트 dockderfile 작성 시 COPY 질문
0
156
1
next.js에서부터는 react query 필요없는지
0
328
1
기능
0
204
1
오류가 안보여요
0
206
1
CSS
0
225
1
local storage
0
224
1
list컴포넌트 생성하기
0
230
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
343
1
Banner.css에 대해서
0
464
1
플러그인이 추천을 안해줍니다
0
334
1
마이너스버튼 테스트
0
285
2
리액트 서버 실행 오류
0
1169
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
307
1
creactStore질문이요
1
293
2