고라니드로koranidro.hashnode.dev·Sep 20, 2024[TypeScript] 제스처로 대화하기. #3 - 탭(with. 범위) 편이번 편은 이전 편으로부터 이어집니다. 탭을 할 때 누른 지점과 뗀 지점의 차이가 큰 경우에 이를 유효하다 할 수 있을까요? 물론 허용할 수는 있지만 관점에 따라서는 부적절해 보일 수 있습니다. 요소 내부로 제한 범위를 요소 내부로 제한하고자 하는 경우, elementFromPoint을 활용할 수 있습니다. 이 함수는 좌표를 포함하는 최상단 요소를 반환합니다. 만약 반환된 요소가 추적 중인 요소와 다르다면 포인터가 외부에 있는 것으로 판단할 ...[TypeScript] 제스처로 대화하기.JavaScript
고라니드로koranidro.hashnode.dev·Sep 19, 2024[TypeScript] 제스처로 대화하기. #2 - 탭(with. 지연 시간) 편이번 편은 이전 편으로부터 이어집니다. 이전 편에서 정의했듯 탭은 짧은 시간에 눌렀다 떼는 동작을 말합니다. 여기서 짧은 시간은 어떻게 정의할까요? 정해진 표준은 없지만 일반적으로 1,000ms 이내의 시간을 말합니다. 그중에서도 500ms를 기본값으로 사용하는 경우가 많습니다. 시간 초과의 판단은 두 가지 방식을 생각할 수 있습니다. 타이머를 사용하여 유효성을 즉시 판단합니다. pointerdown 시 setTimeout을 통해 취소 함수...[TypeScript] 제스처로 대화하기.JavaScript
고라니드로koranidro.hashnode.dev·Sep 19, 2024[TypeScript] 제스처로 대화하기. #1 - 탭 편잠깐! PointerEvent에 대해 아직 잘 모른다면 [typescript] 포인터 대통합(with. PointerEvent)을 먼저 읽어보세요! 탭은 일반적으로 짧은 시간 내에 눌렀다 떼는 동작을 말합니다. 따라서 구현은 아래와 같이 두 가지 방식을 생각할 수 있습니다. pointerup을 최초 진입점으로 등록합니다. 즉, 최초에 pointerdown과 함께 모든 포인터에 대해 등록하는 것입니다. const activePointerSe...30 reads[TypeScript] 제스처로 대화하기.JavaScript
![[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)
![[TypeScript] 제스처로 대화하기. #2 - 탭(with. 지연 시간) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/dtSCKE9-8cI/upload/62f866d982d9bc89632a8bb6bd2f1408.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #1 - 탭 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/m7zKB91brGo/upload/301ad29bc2cdfd828f14b630ec83b39a.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)