# react-draggable

3개의 포스트
post-thumbnail

react-draggable Drag&Drop 구현

이 글은 react-draggable을 사용하며 플로팅 버튼을 Drag&Drop 구현 및 이슈 해결 방안을 작성한 글입니다.

2023년 6월 19일
·
0개의 댓글
·
post-thumbnail

[React] react-draggable에서 Drag and Drop과 click 이벤트를 구분해야하는 상황

팀 프로젝트 중 화면 상에서 자유롭게 움직일 수 있고, 클릭하면 채팅 모달을 보여줘야하는 컴포넌트가 있었다.다른 팀원 분께서 react-draggable을 사용해 제작하시던 중,드래그 앤 드롭이 끝나는 시점에 click 이벤트가 같이 발생해서 애를 먹었는데이를 해결하는

2023년 6월 18일
·
0개의 댓글
·

react-draggable 키와 마우스 조작으로 이동 설정

react-draggable 사용 시 따로 일정 키나 마우스 조작 시 안 움직이게 하는 옵션은 없는 것 같아서 한 조치.addEventListener를 이용하여 아예 shift 자체의 입력이 들어가버리면 state 변화를 줘서 draggable이 움직이지 못하게 만듬.

2023년 5월 4일
·
0개의 댓글
·