element의 크기를 결정하는 건,

content, scrollbars, padding, border의 값을 합한 값이다.

크기를 가져오는 함수는 총 3가지가 있다.

-offsetWidth : 너비

-offsetHeight : 높이

-getBoundingClientRect()

✏ offset과 getBoundingClientRect의 차이점

어떤 값에 width: 100px를 주고, transform: scale(0.5); 를 지정해주었다고 가정했을때

offset은 본래의 값 100px를 반환하고

getBoundingClientRect은 최종적으로 브라우저에 출력되는 값인 50px를 반환한다.