학습 자료
윈도우 - 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}픽셀이에요.`);
이 챕터의 강의 · JavaScript는 브라우저에서 어떻게 작동할까?
- 1. 브라우저의 동작 원리
- 2. DOM (Document Object Model)
- 3. 브라우저 윈도우(Window) 객체
- 4. 윈도우 - window.screen
- 5. 윈도우 - window.location
- 6. HTML 요소 선택법 - 1
- 7. HTML 요소 선택법 - 2
- 8. HTML 요소 생성과 속성 설정
- 9. 이벤트(Event)
- 10. 이벤트 심화
- 11. 선택형 퀴즈
- 12. JSON(JavaScript Object Notation)
- 13. 프로미스(Promise)
- 14. Async/Await 비동기 처리
- 15. 쿠키(Cookies)
- 16. 선택형 퀴즈
- 17. JavaScript 총정리
Quiz
0 / 1
window.screen 객체를 사용하여 확인할 수 없는 것은 무엇인가요?
화면의 전체 너비
화면의 전체 높이
브라우저의 버전
사용 가능한 화면의 너비
학습 자료
AI 튜터
디자인
업로드
수업 노트
즐겨찾기
도움말