[JavaScript] BOM: screen 객체

🍁screen 객체

---

screen 객체는 화면 정보를 제공한다.

 

availWidth, availHeight

console.log(window.screen.availWidth);
console.log(window.screen.availHeight);

위 숫자는 현재 보고 있는 모니터의 해상도를 의미한다.

내가 만든 페이지가 어떤 화면의 크기로 보이고 있느냐에 따라 디자인을 다르게 만들 수 있기 때문에 해상도가 중요하다.

 

colorDepth

console.log(window.screen.colorDepth);

24bit 컬러를 지원한다는 의미에서 24가 출력된다.

대부분 24bit 컬러를 지원하므로 큰 의미는 없다.

 

orientation

console.log(window.screen.orientation);

orientation은 모니터의 정보를 알려준다.

모니터의 방향이 어느 쪽으로 돌아가 있는지 등의 정보를 제공한다.