제로쵸 선생님 ㅜ 리액트 문제는 아닌데 질문드려도 될까요?ㅜ

[리뉴얼] React로 NodeBird SNS 만들기

작성

143

제로쵸 님의 강의를 여러개 듣고 있는 코딩 입문자입니다 ㅜ

간단한 사진첩 클릭 사이트를 만들었는데요.

스샷처럼 한쪽 사진만 계속 선택 했을 때는 함수가 한번만 실행되며 제가 원하는 아웃풋이 나오는데,

다른 사진을 선택하면 함수가 여러번 실행이 되네요... 왜이러는걸까요? ㅜㅜ

소스는 html+js+부트스트랩 로 짰습니다.

원본소스의 링크는 아래 올려놨습니다.

240429 정상출력되다가.jpg

240429 여러번.jpg

답변 1

지식공유자

만약 클릭할 때마다 숫자가 점점 늘어난다면, 클릭 이벤트 안에서 이벤트리스너를 새로 add하신 게 아닌가 싶습니다.

질문자

답변 감사드립니다 ! ㅠ 그런데 이벤트리스너안에 이벤트리스너가 들어가있는 관련 부분을 주석처리 해보았는데 증상이 그대로네요 ㅠㅠ

지식공유자

click 이벤트들 위주로 확인을 해보세요. capture: true는 알고 쓰신건가요? 이걸 적용하면 이벤트 전파가 반대로 됩니다.

질문자

답변 감사드립니다 ㅜ capture: true든 false든 증상은 똑같더라구요 ㅠㅠ
이것저것 다 시도해본다고 저렇게 다 true로 해놓은 것 같습니다 ㅠ
click 이벤트들 위주로, 그리고 다른 소스들도 다 보았는데 진짜 모르겠습니다 ㅠㅠ

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