카테고리가 정확하게 맞진 않지만 아무튼 오랜만에 포스팅을 하나 해보려고 합니다.


dragula는 오픈소스로 이름에서 유추할 수 있듯이 드래그 기능을 제공해줍니다. 

그것도 아주 편하게 말이죠. 


dragula github webpage : https://github.com/bevacqua/dragula

license : MIT 


위 웹 페이지에 들어가보면 demo 페이지를 통해 사용해보실 수 있습니다.

사용해보시면 어디에 적용할지 감을 잡을 수 있어요. 


저는 bootstrap의 dropdown에 dragula를 적용해보는 것이 목표였습니다.


먼저 작동되는 예시입니다. 


      

   왼쪽이 초기화면이구요. 오른쪽이 마우스 드래그 & 드롭으로 순서를 변경하는 화면입니다. 


dragula 예제는 다음 소스를 참고했습니다.

Refer : https://github.com/bevacqua/dragula/blob/master/example/example.js   


위 코드는 django template.html 이니깐요. 
다른 건 다 동일하고 script import 하는 부분만 적절히 변경하시면 실제로 확인해볼 수 있습니다.

dragula에서 너무나 단순하게 드래그 & 드롭을 지원해줘서 놀랐습니다.
이런 기능을 가진 오픈소스가 또 있겠지만 dragula으로도 제가 원하는 기능을 구현가능 하더라구요.
이상 소스가 좀 되니깐 포스팅은 여기서 끝 ㅠ


+ Recent posts