브라우저 객체 모델(Browser Object Model, BOM)은 JavaScript를 사용하여 웹 브라우저 창과 관련된 요소들을 조작할 수 있는 API를 제공합니다. BOM을 사용하면 웹 페이지를 제어하고, 창을 조작하고, 사용자와의 상호작용을 처리할 수 있습니다.

BOM에서는 다양한 메서드를 제공하는데, 이번 글에서는 주요한 몇 가지 메서드들을 살펴보겠습니다.

window.open(url, windowName, windowFeatures)

window.open() 메서드는 새 창을 열기 위해 사용됩니다. 이 메서드는 매개변수로 열고자 하는 웹 페이지의 URL, 새 창의 이름, 그리고 새 창의 속성을 받습니다.

window.open('https://www.example.com', '_blank', 'width=500,height=400');

위의 예제는 너비가 500px이고 높이가 400px인 새 창을 엽니다. URL은 ‘https://www.example.com’이고, 새 창의 이름은 ‘_blank’입니다.

window.close()

window.close() 메서드는 현재 창을 닫는 데 사용됩니다. 이 메서드는 스크립트로 열린 창에 대해서만 동작하며, 사용자의 상호작용 없이 자동으로 창을 닫을 수 없습니다.

window.close();

위의 코드는 현재 창을 닫습니다.

window.print()

window.print() 메서드는 현재 페이지를 프린트하는 데 사용됩니다. 이 메서드를 실행하면 웹 브라우저의 프린트 다이얼로그가 나타납니다.

window.print();

위의 코드는 현재 페이지를 프린트합니다.

주의사항

위에서 소개한 메서드들은 크로스 브라우저 호환성을 고려해야 합니다. 메서드의 동작은 브라우저에 따라 다를 수 있으며, 모든 브라우저에서 완전히 지원되지 않을 수 있습니다. 따라서, 코드를 작성할 때는 특정 브라우저에서 테스트하고, 필요한 경우에는 대체 방법을 찾아야 합니다.

마무리

위에서 살펴본 메서드들은 BOM을 사용하여 브라우저 창을 조작하는 데 유용합니다. 새 창 열기, 창 닫기, 프린트 등의 기능을 구현할 때에는 이러한 메서드들을 적절히 활용할 수 있습니다.

더 많은 BOM 메서드들을 알아보고 싶다면 MDN 문서를 참고해보세요.

#hashtags: BOM, JavaScript