프로젝트 소개

Draggable는 브라우저 기본 이벤트를 포괄적인 API로 추상화하여 드래그 앤 드롭 동작을 완전히 제어할 수 있게 해주는 JavaScript 라이브러리입니다. 사용자 정의 드래그 앤 드롭 경험을 만들기 위해 설계되었으며, Sortable, Droppable, Swappable과 같은 추가 모듈을 포함합니다. Draggable 자체는 무거운 작업(미러 생성, 이벤트 발생, 센서 이벤트 관리, 요소를 드래그 가능하게 만드는 작업)을 처리하며, 추가 모듈은 그 위에 구축되어 정렬, 드롭, 교환 기능을 제공합니다. 주요 기능으로는 기본 드래그, 마우스, 터치, 포스 터치 이벤트 지원, 이벤트 생명주기 훅과 사용자 정의 센서를 통한 확장성, 그리고 ES6 우선 대상을 포함합니다. 이 라이브러리는 npm, yarn 또는 CDN을 통해 사용할 수 있으며, ESM 및 UMD 빌드를 모두 제공합니다. TypeScript 정의를 포함하며 최신 버전의 Chrome, Firefox, Opera, Safari, Edge와 호환됩니다. Draggable에는 Collidable, ResizeMirror, Snappable, SwapAnimation, SortAnimation과 같은 여러 플러그인이 포함되어 드래그 동작을 향상시킵니다. 센서로는 DragSensor, ForceTouchSensor, MouseSensor, TouchSensor가 있습니다. 문서는 소스 디렉토리 내에 구성되어 있으며, 이벤트, 플러그인 및 모듈을 다룹니다. 참고: 이 라이브러리는 더 이상 Shopify의 원저작자에 의해 유지보수되지 않지만, 유지보수는 새로운 협력자에게 이전되었으며 여전히 추가 유지보수자를 찾고 있습니다. 기여는 환영하며, Ember CLI shim과 같은 관련 리소스도 있습니다. 이 프로젝트는 Shopify(2018년~현재)의 저작권입니다.