본문으로 건너뛰기
실습하기

윈도우 - window.screen

window.screen으로 사용자의 화면이 시각적으로 어떻게 구성되어 있는지 알 수 있습니다.

주로 현재 스크린의 크기나 사용 중인 기기의 크기와 해상도 등을 알고 싶을 때 사용합니다.


주요 속성​

  • screen.width: 화면의 전체 너비(픽셀 단위)

  • screen.height: 화면의 전체 높이(픽셀 단위)

  • screen.availWidth: 브라우저의 크기를 제외한 사용 가능한 화면의 너비

  • screen.availHeight: 브라우저의 크기를 제외한 사용 가능한 화면의 높이


예시​

화면의 너비와 높이 확인하기​

JavsScript
console.log(`화면의 너비는 ${screen.width}픽셀이에요.`);
console.log(`화면의 높이는 ${screen.height}픽셀이에요.`);

사용 가능한 화면 크기 확인하기​

JavsScript
console.log(`사용 가능한 화면의 너비는 ${screen.availWidth}픽셀이에요.`);
console.log(`사용 가능한 화면의 높이는 ${screen.availHeight}픽셀이에요.`);

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!