[Sub Issue] Use pragmatic-drag-and-drop

직접 pragmatic-drag-and-drop 패키지를 사용해서 react-beautiful-dnd 패키지에서 migration 작업을 진행합니다.

 

1. 기존 react-beautiful-dnd 코드 주석 처리 후 dnd 외 기능 정상 동작 확인

2. 코드 삭제 및 git commit

3. 제공되는 튜토리얼 따라서 진행

- draggble: 실제 드래그할 컴포넌트에 사용.

- dropTargetForElements: 드롭될 수 있는 컴포넌트에 사용.

- monitorForElements: 최상단에서 드래그와 드롭을 감시하는 컴포넌트에서 사용.

 

 

참고

https://atlassian.design/components/pragmatic-drag-and-drop/tutorial/