자바스크립트 BOM: 브라우저 객체 모델 소개

웹브라우저에서 자바스크립트가 사용할 수 있는 객체 집합을 브라우저 객체 모델이라고 합니다. 이것은 브라우저 창, 페이지의 내부 콘텐츠, 이벤트, 쿠키, 웹 스토리지 등 다양한 기능을 제공합니다.

Window 객체

console.log(window.innerWidth);
console.log(window.location.href);

Window 객체는 브라우저 창을 나타냅니다. InnerWidth나 Location.href와 같은 속성을 이용하여 브라우저 창의 크기나 주소를 변경할 수 있습니다.

Document 객체

document.getElementById('myElement').innerHTML = 'Hello World';
document.myForm.submit();

Document 객체는 현재 페이지의 콘텐츠를 제어할 수 있습니다. GetElementById나 MyForm과 같은 메서드와 프로퍼티를 이용하여 DOM을 조작할 수 있습니다.

Navigator 객체

console.log(navigator.userAgent);
console.log(navigator.languages[0]);

Navigator 객체는 현재 사용자 브라우저 정보를 담고 있습니다. UserAgent나 Languages와 같은 속성을 이용하여 브라우저 정보를 가져올 수 있습니다.

History 객체

history.back();
history.forward();

History 객체는 브라우저 이력을 다룰 수 있습니다. Back이나 Forward와 같은 메서드를 이용하여 페이지 이동을 조작할 수 있습니다.

자바스크립트 BOM을 이용하면 브라우저와의 인터렉션을 좀 더 세밀하게 제어할 수 있습니다. 이를 통해 사용자 경험을 개선하고, 웹사이트의 기능을 더욱 확장시킬 수 있습니다.

자바스크립트 브라우저 객체 모델(BOM): 웹브라우저에서 자바스크립트가 사용할 수 있는 객체 집합으로, 브라우저 창, 페이지의 내부 콘텐츠, 이벤트, 쿠키, 웹 스토리지 등 다양한 기능을 제공합니다.