drag
-
[@use-gesture] 제스처 이벤트 제어 :: 마이구미알아두면 좋은 라이브러리 2022. 9. 28. 20:59
이 글은 @use-gesture 이라는 라이브러리를 다룬다. @use-gesture 은 마우스나 터치와 같은 이벤트를 활용하는 로직에 큰 도움을 줄 수 있다. 조금이나마 도움을 줄 수 있는 라이브러리들을 소개하는 카테고리로 분류된 글이다. 알아두면 좋은 라이브러리 라이브러리는 굉장히 심플하고 사용하기 쉽다. 문서도 잘 되어있고, 예제도 풍부하여 친절한 라이브러리이다. 바닐라 자바스크립트도 지원하지만, react 도 지원하고 있다. (여기서는 react 기준) import { useDrag } from '@use-gesture/react' function Component() { useDrag(({ first, last, movement: [mx, my] }) => { // first - 첫 이벤트 여부,..