터치와 클릭, 우리 깐부잖아.

이 글은 프론트엔드 개발자가 흔히 겪을 수 있는 터치 이벤트와 클릭 이벤트의 차이점에서 발생하는 문제와 해결 방안을 다룹니다. 필자는 TOAST UI 오픈소스를 유지보수하며 모바일 환경에서 마우스 이벤트를 터치 이벤트로 변환하는 과정에서 발생하는 예상치 못한 버그를 경험했습니다.

특히, `mousedown`을 `touchstart`로, `click`을 `touchend`로 변환하는 로직에서 날짜 선택 시 드롭다운이 사라진 후 하위 요소가 클릭되는 문제가 발생했습니다. 이 글은 이러한 문제의 원인을 분석하고, 터치와 클릭의 근본적인 차이점을 이해하며, 이를 해결하기 위한 실질적인 접근 방식을 공유하여 사용자 경험을 개선하는 데 초점을 맞춥니다.