🌿 라이브러리와 프레임워크 - 드래그앤 드롭

드래그앤 드롭

드래그앤드롭(Drag and Drop) 라이브러리는 사용자가 마우스를 이용해 요소를 끌어다 놓는 인터페이스를 쉽게 구현할 수 있도록 도와주는 도구입니다. 파일 업로드, 아이템 정렬, 커스텀 대시 보드 구성 등 여러 용도로 활용된답니다.

SortableJS 는 간단하고 가벼운 드래그앤 드롭 라이브러리로 리스트 아이템의 순서를 쉽게 변경하는 기능을 구현할 수 있습니다.

https://github.com/SortableJS/Sortable

해당 라이브러리는 위에 있는 공식 페이지에서 CDN 설치법에 대해서 설명하고 있지 않습니다. 당황하지마세요! 아래 경로에서 CDN 주소를 확인 할 수 있습니다. 직접 사용해 볼까요?

sortablejs CDN by jsDelivr - A CDN for npm and GitHub

📝 실습 코드