윈도우 - 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}픽셀이에요.`);
Guidelines
AI Tutor
Publish
Design
Upload
Notes
Favorites
Help