잠깐! PointerEvent에 대해 아직 잘 모른다면 [typescript] 포인터 대통합(with. PointerEvent)을 먼저 읽어보세요! 핀치는 지정된 중심점을 기준으로 스와이프하는 동작을 말합니다. 포인터가 중심점으로부터 멀어지면 핀치 아웃, 가까워지면 핀치 인이라고 합니다. 가상의 중심점을 상상해 보세요. 이제 포인터를 배치한 후, 이동하여 멀어지기도 하고, 가까워지기도 하는 겁니다. 이렇게 하면 아래와 같은 세 점이 발생합니다...
·
![[TypeScript] 제스처로 대화하기. #14 - 핀치 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/VoIxuRkU5BI/upload/792aafd8d5f4300f57cb2c659c28b2eb.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #13 - 플릭(with. 범위) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/WlZiSQw_nks/upload/6f8bb3d858b31deb1e0085c43fc1b49c.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #12 - 플릭(with. 성분 분해) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/2lijqbLePBM/upload/6e7ce54d799746064181cf57f3f06439.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #11 - 플릭(with. 변위) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/r5c_l6SCRdg/upload/bb24791cc87f86f24a26de2040c3736a.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #10 - 플릭(with. 초기 속도) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/vx-PQnfLDDk/upload/628d48edf6f0e1d85342ae2cd4703fb5.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #9 - 팬(with. 스와이프) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/AkEr0jc5Lvs/upload/196668bd6e89b7cd40ac8524a8f00963.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #8 - 팬(with. 드래그) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/Je6p3FF4jh0/upload/1043002fa96fda078514eafbea299e21.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #7 - 팬 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/VHMeU2sUGAs/upload/7404b64bf217df98027f8e04544d955e.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #6 - 롱 프레스(with. 범위) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/a92guIcnpSI/upload/2a6982d249f3eb54f257ef14685550f9.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #5 - 롱 프레스 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/NEmWWfMvfpw/upload/cd6ff0bd2c7d74efcf9ca33c40c47eee.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #4 - 더블 탭 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/d5yOOWHcFnc/upload/30d9ca5760ad57f3c1b975a46559df94.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #3 - 탭(with. 범위) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/LgHNehAIcOs/upload/e41f3275230af2812495cbc6c88ab4d1.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
