직접 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/
'개발' 카테고리의 다른 글
| [사이드 프로젝트] LIM (0) | 2025.04.15 |
|---|---|
| [JS 꿀팁] 문자열 정렬 시 사용할 함수 String.localeCompare() (0) | 2025.04.10 |
| [JS 의문] 배열 요소 확인에는 어떤 걸 사용해야 좋을까? (0) | 2025.04.04 |
| [용어] BOM(Browser Object Model) (0) | 2025.04.03 |
| [package error] @atlaskit/codemod-cli 패키지 No codemods available. Please make sure you have the latest version of the packages you are trying to upgrade before running the codemod 에러 (0) | 2025.04.02 |