[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #2

in JavaScript • 게시일자 2022년 12월 01일

자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트 특정 위치 배치 이 글에서는 본격적으로 "드래그 앤 드롭으로 특정 위치에 엘리먼트 배치하기", 즉 이번 주제의 핵심을 다뤄보려고 합니다! 대부분의 로직은 저번 글에서 작성한 이벤트들의 핸들러 내에…

[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #1

in JavaScript • 게시일자 2022년 11월 19일

TL;DR * 드래그할 요소Draggable로 설정할 DOM Element에 draggable 속성을 "true"로 설정하고 dragstart 이벤트 등록 * 드롭 영역Dropzone으로 설정할 DOM Element에 dragover 이벤트와 drop 이벤트 등록 자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트 특정 위치…