# react-draggable

gnoeyah

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

rkio

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

hongwr

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