choijming21 님의 블로그

  • 홈
  • 태그
  • 방명록

react-dragglable 1

[ Troubleshooting🛠️ ] react-draggable 라이브러리 사용시 버튼 드래그 & 버튼 클릭 이벤트 기능 분리하기

1. 문제 발생❓react-draggable에서 제공해주는 Draggable 기능을 일반 버튼에 추가했더니 드래그는 잘 작동하지만 원래의 onClick 이벤트가 제대로 발생하지 않음드래그 기능과 버튼 클릭 이벤트를 분리했더니 웹에서는 드래그와 클릭이 모두 작동했지만, 모바일에서는 버튼 클릭 기능이 작동하지 않음 2. 원인 추론 🔎드래그 이벤트가 클릭 이벤트를 가로채는 현상이 발생하고 있습니다. 이는 이벤트 전파(event propagation) 과정에서 드래그 이벤트 핸들러가 클릭 이벤트를 소비(consume)해버리는 이벤트 버블링 이슈로 판단됩니다. import { useAtom } from 'jotai';import { isRenderedAtom } from '@/components/Landi..

인턴 2025.05.14
이전
1
다음
더보기
프로필사진

choijming21 님의 블로그

choijming21 님의 블로그 입니다.

  • 분류 전체보기 (117)
    • 개인과제 (16)
    • 수준별 분반 (10)
    • 팀프로젝트 (18)
    • 사전캠프 (1)
    • 강의 (16)
    • 알고리즘 (10)
    • 왓에버 (4)
    • 인턴 (42)

Tag

팀프로젝트, 리렌더링, nextjs, 반응형, Troubleshooting, react, 도커, 렌더링, docker, zod, 자동스크롤, 뉴스피드, Vercel, 트러블슈팅, getStaticProps, 오류, jotai, TypeScript, ref, 객체,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바