코공기(코딩 공부 기록) 코공기(코딩 공부 기록)

해당 게시글은 2022.03.14에 깃허브로 작성되었습니다. 1. Hammer.js Hammer.js란 Touch, Mouse, Pointer 이벤트들로부터 제스쳐를 식별하는 오픈소스 라이브러리이다. 장점은 아래와 같다. - Pinch, Rotate와 같은 멀티터치 제스쳐 지원 - 가벼운 용량 - 대부분의 IOS, ANDROID OS 버전 지원 - jQuery 같은 라이브러리없이 독립적으로 사용 가능 - jQuery.plugin, Auglarjs.diretive 지원 - 제스쳐 이벤트 발생 제어 가능 그 외에도 jQuery mobile 라이브러리에서도 기본적인 터치 제스쳐를 지원하지만 멀티 터치 액션은 지원하지 않거나 각 플러그인별 사용법이 다르다는 등, 여러가지 면에서 Hammer.js를 추천한다. H..

해당 게시글은 2022.03.14에 깃허브로 작성되었습니다. 평소 웹 사이트를 주로 다뤘기에 모바일 관련 제스쳐에 대해 공부할 일이 적어 한번 찾아보고 공부해봤다. 1. 터치 제스쳐란? PC웹에서 마우스 이벤트가 있다면 모바일웹에서 터치 이벤트가 있다. PC웹 환경은 콘텐츠와 메뉴 버튼들을 한 화면에 담을 수 있고 클릭만으로도 불편함없이 사용 가능하다. 반면 작은 화면, 큰 포인터(손가락) 환경인 모바일에서는 콘텐츠와 메뉴(내비게이션)을 한 화면에 담기 어렵다. 이 때 터치의 형태를 다양화하여 PC에서의 단축키와 같이 단축 액션을 제공하는 것이 터치 제스쳐이다. 제스쳐 명 주요 액션 Tap 선택 Double Tap 열기(팝업), 화면 확대/원상복구 Hold(Long Tap) 모드 전환(리스팅 액션) Dr..