• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

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

24.04.29 14:57 작성 조회수 75

0



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

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

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

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

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

 

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

https://drive.google.com/file/d/1Ov0Qik9ofDHli-TsblLw5OkUz7uCXTDo/view?usp=drive_link

 

240429 정상출력되다가.jpg

 

240429 여러번.jpg

 

답변 1

답변을 작성해보세요.

0

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

오르골님의 프로필

오르골

질문자

2024.04.29

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

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

오르골님의 프로필

오르골

질문자

2024.04.30

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