drag 이벤트를 구현함. draggable 과는 다르게 ref로 구현 . 레퍼런스 참조
drag 이벤트에서 강제로 바깥쪽으로 내보낼때의 문제가 존재함. 이는 랜더링 속도가 느려서 나가는 것보다 빠른 랜더링때문인데, 현재로서는 해결이 힘들어보임
자세한 예시) 현재 코드상 창의 네 꼭지점이 window를 나가게 되면 window내부 1픽셀의 위치로 강제로 돌려보내주는데, 1픽셀의 위치에서는 경계 검사를 통과하게 되어 다시 밖으로 나가는 것이 가능하게 됨. 이것으로 인해 1픽셀←→경계 밖을 계속 왔다갔다 하면서 창이 떨리는 것처럼 보이거나 렌더링이 제대로 되지 않아 경계밖에서 계속 드래그가 가능한 것 처럼 보인다.
.gif)
drag 이벤트를 common 으로 뺄 필요성이 있음. 해당 이벤트가 메세지에서도 사용이 되어야하기 때문. 다만 card div 를 사용한 메세지에 적용시키기 위해서는 다른 방법으로 빼야겠다고 생각 중.
⇒드래그에 대한 기능을 DraggableWindow 컴포넌트로 전부 옮긴 뒤, 각 컴포넌트에서 DraggableWindow를 호출하여 사용하도록 구조를 변경함