javascript 웹 페이지 크기 알아내기

웹 개발을 하며, 화면 크기가 필요한 때가 있다.

브라우저의 크기를 알아내거나, 브라우저 내부의 화면 크기를 알아내고 싶은 경우 어떻게 해야할까?

오늘 알아볼 속성은 innerWidth, innerHeight, outerWidth, outerHeight이다.

각각 의미하는 바는 위 그림과 같다.

이를 구하는 방법은 window.innerWidth와 같이 해주면 된다.

console.log(window.innerWidth);
console.log(window.innerHeight);
console.log(window.outerWidth);
console.log(window.outerHeight);