10/21 - js

* Drag로 엘리먼트 이동 시키기

1. drag Event의 clientX, clientY

:

2. 엘리먼트 위치(position) 구하기

• getBoundingClientRect

domRect = element.getBoundingClientRect();

: 부모 엘리먼트가 아닌 뷰포트를 기준으로 position을 계산한다.

• element.offsetTop, element.offsetLeft
  : 부모 엘리먼트를 기준으로 위치를 가져온다.

Reference

1. 엘리먼트 포지션 구하기 : https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

2. 엘리먼트 포지션 구하기(부모태그기준) : https://www.javascripttutorial.net/dom/css/get-the-offset-position-of-an-element-relative-to-its-parent/