핵심 요약
카카오엔터테인먼트의 Swiper React Components 사용 중, 버튼 클릭으로 슬라이드가 의도대로 넘어가지 않는 문제를 분석했다. 내부 이벤트가 touchend에서 발생하는 점을 확인하고, 상위 요소의 클릭 이벤트로 제어하는 3안으로 해결했다.
주요 경험
- 내부 요소에 직접 이벤트를 붙이는 방식의 한계와 React 합성 이벤트 차이를 파악
- 버블링 이슈를 이해하고 우회 방법을 모색
- 3안 채택으로 예측 가능한 동작과 유지보수성 확보
얻은 인사이트
- 외부 라이브러리와 React 이벤트의 차이를 이해하면 버그를 줄인다
- 상위 래핑은 확장성과 안정성을 높인다
