power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 요소의 크기와 위치 아래 예제를 통해서 element의 크기를 알아내는 방법을 살펴보자. (실행 결과) Coding 위 소스코드를 실행한 결과 아래와 같이 출력되며, 크기에 대한 것은 보기 쉽게 직접 그린 것이다. 즉 element의 테두리와 body 태그 사이의 거리가 50px이고, 테두리를 포함한 element의 크기는 300px이다. 해당 값을 알아내고 싶을 때, 사용하는 API가 getBoundingClientRect이다. 이 api를 콘솔에서 실행하면, 아래와 같..