#javascript
Read more stories on Hashnode
Articles with this tag
잠깐! PointerEvent에 대해 아직 잘 모른다면 [typescript] 포인터 대통합(with. PointerEvent)을 먼저 읽어보세요! 핀치는 지정된 중심점을 기준으로 스와이프하는 동작을 말합니다. 포인터가 중심점으로부터 멀어지면 핀치 아웃, 가까워지면...
이번 편은 이전 편으로부터 이어집니다. 플릭의 이동 범위를 제한하고 싶다면 어떻게 해야 할까요? 단순히 계산 시마다 대상이 유효한 범위 내에 있는지 확인할 수도 있을 것입니다. 하지만 이는 다소 비합리적으로 보일 수 있습니다. 우리는 조금 더 영리한 방법으로 이를...
이번 편은 이전 편으로부터 이어집니다. 지난 편에서는 시간에 따른 변위를 구했습니다. 그러면 이것을 코드에 바로 적용할 수 있을까요? 아쉽지만 조금 부족합니다. 얼마나 이동해야 하는지 알 수 있었지만 결국 각 좌표에 대해 어떻게 이동해야 하는지 알 수 없었으니까요....
이번 편은 이전 편으로부터 이어집니다. 지난 편에서는 간단히 플릭에 대한 초기 속도를 계산해 봤습니다. 그렇다면 이것을 어떻게 활용할 수 있을까요? 여러분의 관심사는 결국 얼마나 이동해야 하는지일 것입니다. 이를 위해서는 시간에 따른 속도를 알 필요가...
잠깐! 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)
