※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.13.에 작성된 글입니다. View 위의 작품들은 전부 Grid를 이용해서 만들어 봤다. 그냥 이런것들을 구현하는데 굳이 jQuery를 사용해야 되나 궁금해서 만들어 봤다. jQuery는 구현을 쉽게 할 수 있도록 도와주지만 나는 개인적으로 Vanilla JS를 지양하기 때문에 조금 거부감이 든다. 그래서 아직 jQuery를 공부함에 있어서 조금 망설임이 있다. 물론 Ajax와 같이 복잡한 기능을 구현하기 위해서는 생산성이 좋은 jQuery가 좋겠지만.. 아직은 잘 모르겠다. Drag N Drop은 drag 이벤트에 대한 지식이 없어서 조금 공부를 했어야 했다. 다음엔 drag 이벤트를 이용해서 옷 입히기 같은걸 만들어 봐도 재밌겠다는 생각이 들었다. l..

※ 이 글은 예전 블로그에서 퍼온 글입니다. 가독성이 나쁘다면 예전 블로그에서 읽어주세요. 먼저, 드래그가 가능한 요소로 만들기 위해서는 draggale attribute과 ondragstart 전역 이벤트 핸들러를 추가해 줄 필요가 있음. Mozilla에 ondragstart도 함께 넣어주라고 돼있어서 같이 적어 두지만, dataTransfer과 관련한 일을 할 필요가 없을 시에는 작성 안 해도 상관없는 듯하다. // boolean: 드래그 가능 여부 (true 또는 false) function dragstart_handlerName(ev) { console.log("dragStart"); // 데이터 전달 객체에 대상 요소의 id를 추가합니다. ev.dataTransfer.setData("text/p..