기본문법
Rect = element.getBoundingClientRect();
해당엘리멘트의 좌표를 알고 싶을 때 쓰는 api로, bottom, height, left, right, top, width, x, y 값을 확인할 수 있다.
사진출처: MDN
기준점이 제일 왼쪽에서 위치하며 X축 Y축으로 뻗어나간다.
CSS position에서 쓰는 right과 bottom이 다른 개념이기 때문에
헷갈리면 안된다.
🌱step by step
Rect = element.getBoundingClientRect();
해당엘리멘트의 좌표를 알고 싶을 때 쓰는 api로, bottom, height, left, right, top, width, x, y 값을 확인할 수 있다.
사진출처: MDN
기준점이 제일 왼쪽에서 위치하며 X축 Y축으로 뻗어나간다.
CSS position에서 쓰는 right과 bottom이 다른 개념이기 때문에
헷갈리면 안된다.