Element-getBoundingClientRect()

요소의 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect 객체를 반환한다.

DOMRect Object

반환되는 DOMRect 객체에는 left, top, right, bottom, x, y, width, height 프로퍼티들이 있다.

<출처: mdn>

• x는 left와 같은 값을 가지고, y는 top가 같은 값을 가진다.
• x, y는 box의 좌측 상단 (0,0)에서 시작한다.