웹에서의 drag & selection

이 글은 웹 개발에서 흔히 사용되는 '드래그'의 두 가지 의미, 즉 'Drag & Drop'과 '마우스 선택(Selection)'을 구분하고 설명합니다. Drag & Drop은 마우스로 특정 컴포넌트를 잡아 다른 위치로 옮기는 이벤트를 의미하며, JavaScript의 onDrag, onDrop 등의 이벤트를 활용하여 구현할 수 있습니다.

예시 코드를 통해 기본적인 구현 방식을 보여줍니다. 반면, 마우스 선택은 텍스트나 요소를 드래그하여 선택하는 행위를 말합니다.

글에서는 이 두 가지 개념을 명확히 구분하고, Drag & Drop의 구현 방법을 중심으로 다룹니다. 웹 UI 개발에서 사용자 경험을 향상시키는 중요한 기능인 드래그 관련 동작을 이해하는 데 도움을 줍니다.