React에서 dnd 구현하기 (react-dnd)
web API로서의 dnd API https://developer.mozilla.org/ko/docs/Web/API/HTML_Drag_and_Drop_API HTML 드래그 앤 드롭 API - Web API | MDN HTML 드래그 앤 드롭 인터페이스는 파이어폭스와 다른 브라우저에서 어플리케이션이 드래그 앤 드롭 기능을 사용하게 해줍니다. developer.mozilla.org onDragStart, onDragEnter, onDragEnd 이벤트 리스너를 달아서 dnd를 구현한다. draggable 속성을 부여하면 해당 DOM은 draggable이 된다. 반면 droppable 속성은 별도로 없으며 onDragEnter로 특정 draggble이 들어왔는지, 그리고 onDragEnd로 놓아졌는지를 체크..