드래그 앤 드롭 구현

react-dnd 라이브러리 활용

Box 드래그 앤 드롭

  • 간격이 넓고 Box 영역이 크기 때문에 위치 조건으로 교체

    • URL 드래그 앤 드롭

  • 간격이 좁고 URL 영역이 작기 때문에 정밀한 조작이 필요하여 다른 아이템 영역의 30%를 넘어야 교체
  • 마우스가 아이템 영역의 경계에 있을 경우 의도치 않은 반복적인 교체가 일어나 방향 체크 추가