그냥 개발자 블로그

레시피 사이트였는데 고객들이 레시피를 보다가 레시피에 나오는 상품들을 드래그앤드롭해서 상품을 담았다가 한번에 구매하는 기능을 구현했었죠. 그중에서 가장 오래 시간이 걸리고 머리 아프게 했던 부분이 제이쿼리(jquery)로 드래그앤드롭 하는거였는데요. 해당 기능을 2년이 지난 지금에서야 제이쿼리(jquery) 플러그인화했어요. 아래 영상으로 보시면 어떠한 동작인지 더 이해가 빠르실꺼에요. 마우스를 선택한 요소를 클릭한 상태에서 반대편 박스안으로 가져가면 이동되는걸 보실수 있으실꺼에요. 그렇다면 예제를 한번 보실까요? 12345678a1a2a3a4a5a6a7a8 먼저 제이쿼리(jquery) 플러그인을 사용하기 위해서는 위와 같은 구조의 html 이 필요하고요. id는 서로다르면 어떤것을 해도 상관없어요. 1..