drag

드래그는 피그마 같은 디자인 툴 사이트에 매우 많이 사용된다.또한, 웹 사이트에 파일을 업로드 할 때, 드래그 앤 드랍으로 파일을 업로드 한 경험이대부분 있을 것이다.하지만, 단순하게 보였던 드래그는 생각보다 다루기 어려운 이벤트이다.DOM에서 제공하는 드래그 관련 이벤트도 다양하며,제대로 활용하기 위해서는 뷰포트 내 좌표에 대한 개념도 알아야 한다.어려운 것은 사실이지만, 드래그 기능은 현대 웹 애플리케이션에서 중요한 역할을 하며,사용자 경험을 크게 향상시킬 수 있다.이번 글에서는 drag 관련 이벤트를 정리해보겠다. 1️⃣ drag 이벤트 종류드래그 이벤트는 총 7종류가 있지만, 크게 두 분류로 나눌 수 있다.드래그 되는 요소에서 발생하는 이벤트dragstartdragdragend드롭 대상(또는 잠재..