20220829

TIL - 20220829

오늘은 모던 JavaScript 튜토리얼에서 요소 사이즈와 스크롤에 대해 공부했다. 작성한 질문은 다음과 같다. 기하 프로퍼티 값은 숫자이며, 단위는 px(픽셀)이다. 패딩이 없는 경우에 clientHeight, clientWidth로 콘텐츠 영역 크기를 구할 수 있다. 만약, 패딩이 있어서 패딩을 포함하는 콘텐츠 영역 크기를 구하고 싶다면 offsetHeight, offsetWidth를 사용하면 된다. clientHeight와 scrollHeight의 차이점은 스크롤바에 감춰진 영역을 포함하냐의 차이다. 예를 들어 텍스트가 많아 세로로 스크롤바가 생겼다고 가정했을 때, clientHeight로 크기를 구하면 콘텐츠 영역 안쪽의 높이가 나오지만 scrollHeight로 크기를 구하면 세로 스크롤바에 가려..