브라우저 좌표

1. element.getBoundingClientRect()

• 요소의 사이즈나 위치에 관련된 정보를 얻어낼 수 있다.
  top, left, bottom, right, width, height 등
  ( 이때 bottom, right는 css와는 다르게 위에서는 얼만큼 왼쪽에서는 얼만큼 떨어져있는지를 나타냄 )

2. clientX,Y

• 브라우저 window창에서 x,y가 얼마나 떨어져있는지를 나타냄

3. pageX,Y

• client에 들어있는 사이즈가 아니라 page자체에서 얼마나 떨어져있는지를 나타냄
  (스크롤링하면 안보이는 맨 위에서부터 포함된다)