마우스 드래그로 범위 지정과 리사이징 및 이동 구현하기

올리브영에서 기획전 마크업 자동화를 위해 자체 개발한 툴에 적용된 마우스 드래그 기반의 범위 지정, 리사이징, 이동 기능 구현에 대한 기술 블로그입니다. 기존에 수작업으로 이루어지던 기획전 마크업 작업의 비효율성을 개선하고자 개발되었으며, 마우스 이벤트를 활용하여 사용자가 직관적으로 영역을 지정하고 수정할 수 있도록 구현했습니다.

이 기능은 드롭박스 선택, 텍스트 입력 등 액션 유형 지정과 연동되어 자동으로 마크업을 생성하며, 이미지 업로드 방식 개선까지 포함하여 전반적인 기획전 제작 프로세스의 생산성을 높이는 데 기여합니다.