React drag and drop / 리액트 드래그 앤 드롭 이용해서 이동시키기 1. 박스 내에서 드래그를 시킨다. 2. 드래그 영역이 박스 밖으로 이탈 시 이전 포지션값으로 이동 원리 1. 큰박스( container ) 내 absolute 상태인 작은박스( dragComponent )의 포지션값을 계산해준다. 2. 드래그 시작시, 시작 포지션을 저장한다. 3. 드래그중에 실시간으로 position x y 좌표값을 변경해준다. (실제 drag할 요소가 위치하는 포지션값) 4. 드래그를 종료하는 시점에서 dragComponent의 left, right, top, bottom 값이 container 값 밖에 위치하는지 체크한다. 5. container를 벗어나면 드래그 시작시 저장한 포지션값을 실제 포지션..
