1. Hammer.js 라이브러리를 다운로드하고 웹 페이지에 추가합니다. 다음과 같은 태그를 통해 추가할 수 있습니다:

<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>

1. 터치 이벤트를 사용할 요소를 선택합니다. 예를 들어, 아래와 같이 특정 요소에 터치 이벤트를 적용하고 싶은 경우:

<div id="myElement">터치 이벤트를 적용할 요소입니다.</div>

1. JavaScript 코드에서 Hammer.js를 이용하여 터치 이벤트를 처리합니다. 다음과 같은 코드를 추가합니다:

var myElement = document.getElementById('myElement');
var hammertime = new Hammer(myElement);

hammertime.on('pan swipe tap press', function(event) {
  console.log('터치 이벤트 발생:', event.type);
  // 여기에 원하는 동작을 추가하세요
});

위 코드는 ‘pan’, ‘swipe’, ‘tap’, ‘press’ 이벤트에 대한 처리를 정의한 예시입니다. 이벤트 발생 시 콘솔에 이벤트 종류가 출력되며, 원하는 동작을 추가할 수 있습니다.

1. 필요한 경우 Hammer.js의 설정 옵션을 사용하여 터치 이벤트를 세부적으로 제어할 수 있습니다. 자세한 내용은 Hammer.js 공식 문서를 참조하시기 바랍니다.

이제 Hammer.js를 사용하여 모바일 웹 앱에서 터치 이벤트를 처리할 수 있습니다. 필요한 동작을 구현하고 터치에 반응하는 사용자 경험을 개선해보세요.

참고 문서:

• Hammer.js 공식 문서
• Hammer.js GitHub 저장소