JavaScript에서 window객체는 브라우저 환경의 전역 객체로, 브라우저에서 실행되는 모든 스크립트의 최상위 객체입니다. 웹 페이지에서 사용할 수 있는 기본적인 기능과 정보들이 담겨 있으며, 자바스크립트에서 별도로 선언하지 않고도 사용할 수 있는 전역 변수와 함수들이 모두 이 window객체에 속해 있습니다.
📖 주요 특징과 기능
1. 전역 스코프 제공
브라우저 환경에서 모든 전역 변수와 함수는 사실 window객체의 프로퍼티로 등록됩니다. 예를 들어, let이나 const로 선언하지 않은 전역 변수는 window객체의 속성으로 포함됩니다.
var name = "Joon";
console.log(window.name); // "Joon"2. DOM 접근
window객체는 웹 페이지의 DOM(Document Object Model)에 접근할 수 있게 해주는 document객체를 포함하고 있습니다. 이를 통해 웹페이지 요소에 접근하고 조작할 수 있습니다.
console.log(window.document); // HTML 문서의 전체 DOM트리3. 브라우저 API 제공
window객체는 alert(), prompt(), setTimeout(), setInterval()같은 다양한 브라우저 API를 포함합니다. 예를 들어, window.alert()는 브라우저에서 경고창을 띄우는 함수입니다.
window.alert("Hello, World!");4. location 과 navigator 정보
window.location객체는 현재 페이지의 URL 정보를 포함하고, 페이지 이동을 제어할 수 있습니다. window.navigator는 브라우저와 운영 체제의 정보 등을 제공합니다.
console.log(window.location.href); // 현재 페이지 URL
console.log(window.navigator.userAgent); // 브라우저 정보5. window 객체의 크기와 위치 조정
window.innerWidth와 window.innerHeight 속성으로 현재 브라우저 창의 너비와 높이를 알 수 있으며, 페이지 스크롤 정보(window.scrollX, window.scrollY)에도 접근 가능합니다.
console.log(window.innerWidth); // 창의 너비
console.log(window.scrollY); // 세로 스크롤 위치📖 주요 메서드
alert(message): 경고창을 띄웁니다.setTimeout(callback, milliseconds): 일정 시간 후 콜백 함수를 한 번 실행합니다.setInterval(callback, milliseconds): 일정 시간 간격으로 콜백 함수를 반복 실행합니다.open(url, target, specs): 새 창을 열거나, 지정된 창을 특정 URL로 이동시킵니다.
마무리
window객체는 브라우저에서 동작하는 자바스크립트의 최상위 객체로, 페이지의 전체 DOM에 대한 접근과 제어, 그리고 다양한 브라우저 관련 API를 제공하는 중요한 객체입니다.
