이 게시물은 React에서 Swiper를 사용하여 슬라이드 기능을 구현하는 과정을 설명합니다.
기능 요구사항
슬라이드를 좌우로 스와이프 가능
슬라이드 클릭 시 다음 슬라이드로 이동
슬라이드 내부 버튼 클릭 시 이벤트 전파 방지
문제 해결 과정
버튼 클릭 시 슬라이드가 넘어가는 문제를 해결하기 위해 이벤트 전파를 막으려 했으나, Swiper의 click 이벤트와 브라우저의 click 이벤트가 서로 다름을 인식하고 수정했습니다. 최종적으로 React Element에 click 이벤트를 추가하는 방법을 선택하여 문제를 해결했습니다.