Webview에서 핀치 줌(pinch zoom) 구현하기

이 글은 모바일 웹 환경, 특히 Webview에서 핀치 줌(pinch zoom) 기능을 직접 구현하는 방법에 대해 다룹니다. 일반적인 모바일 브라우저와 달리 Webview에서는 자바스크립트가 터치 제스처를 직접 판단하지 않기 때문에, 터치 이벤트 정보를 분석하여 확대/축소 동작을 구현해야 합니다.

글에서는 복잡한 라이브러리 사용 대신, 최소한의 기능 구현을 통해 핀치 줌을 구현하는 과정을 설명하며, 이를 통해 정밀 조작에 대한 이해도를 높이고 문제 발생 시 즉각적인 대응 능력을 키울 수 있음을 강조합니다. 개발 환경은 HTML과 Typescript 기반이며, 멀티 터치 이벤트 확인의 어려움도 언급합니다.