React 이벤트와 브라우저 이벤트

핵심 내용

• Swiper React Components에서 슬라이드 전체 클릭 시 다음 슬라이드로 넘기려다, 슬라이드 내부 버튼 클릭까지 함께 동작하는 문제 발생
• React 합성 이벤트와 브라우저 DOM 이벤트의 전파 시점 차이, 그리고 Swiper 내부 이벤트 처리 방식이 원인
• 해결 방향으로는 내부 버튼에 직접 DOM 이벤트를 붙이거나, Swiper를 감싸는 상위 요소에 클릭 이벤트를 두는 방식 제시
• 장기적으로는 React 요소의 이벤트 위임 구조를 고려해 더 단순하고 직관적인 상위 래핑 방식 선택

적용해볼 점

• React onClick과 직접 addEventListener의 전파 순서 차이 점검
• 라이브러리 내부 이벤트와 중첩 요소 이벤트 충돌 시 이벤트 부착 위치 재검토
• 유지보수 관점에서 상위 래퍼 컴포넌트 활용 검토