프론트엔드 개발자의 기록 공간

❗❗ 데브코스 32일차 (09.14) 오늘 주제는 Drag&Drop 이벤트 처리에 대해서 학습을 진행했다. 웹사이트를 이용하게 되면 Drag&Drop을 많이 사용해봤을 것이다. 예를들어 이미지를 옮기거나 폴더에서 파일을 옮길때도 Drag&Drop 이벤트가 발생하고, Notion(노션)을 사용할때도 자유롭게 Drag&Drop을 이용해서 컨텐츠 정보 위치를 바꾼다. 위의 예시들은 모두 구현 방법은 제각각이지만, 원리는 동일할 것이다. 여러가지 옵션이 있지만 해당 로직에서는 크게 3가지를 통해 구현했다. 1. dragstart - Drag를 시작했을 때 발생하는 이벤트 $이벤트대상.addEventListener("dragstart", (e) => { //drag 처리할 대상 DOM const $li = e.t..