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

이 글은 올리브영에서 기획전 마크업 자동화를 위해 개발한 자체 툴에 대해 소개합니다. 기존에는 수작업으로 마크업 작업을 진행하여 비효율이 발생했으나, 이를 개선하기 위해 마우스 드래그로 영역을 지정하고 리사이징 및 이동하는 기능을 구현했습니다.

이 기능은 사용자가 직관적으로 액션 영역을 설정하고, 유형을 지정하며, 미리 정의된 마크업을 통해 자동으로 코드를 생성하도록 돕습니다. 또한, 이미지 업로드 기능도 개선하여 작업 효율성을 높였습니다.

이를 통해 반복적인 마크업 작업을 자동화하고 리소스 낭비를 줄이는 것을 목표로 합니다.