BOM

참고 링크

window객체와 BOM

---

🤔BOM을 알아야 하는 이유

• 여러 ui를 직접 만들고 자바스크립트로 직접 제어할 수도 있지만...

브라우저에서 제공하는 기본 API를 사용한다면 훨씬 빠르고 간단하게 프로토타이핑을 할 수 있습니다.

• 예를 들면 navigator, screen, location, history가 있겠죠?

if (window.confirm("갈거야ㅠㅠ?")) { // 요런거~
    window.open("exit.html", "그래 잘가라!");
}

alert("경고합니다!"); // 요런거~

location.host; // 요런거~ "jhy979.github.com"

• 감이 오시나요?

• BOM을 잘 쓰면 빠른 속도로 사용자 친화적인 웹 앱을 만들 수 있겠어요!

---

BOM이란? Browser Object Model

BOM(Browser Object Model)은 웹 브라우저 환경의 다양한 기능을 객체처럼 다루는 모델이예요.

• 정의된 표준이 없어 브라우저 제작사 마다 세부사항이 다르다는게 조금 아쉽습니다😢

• BOM의 역할은 웹 브라우저의 버튼, URL 주소 입력 창, 타이틀 바 등 웹브라우저 윈도우 및 웹페이지의 일부분을 제어할 수 있게끔 하는 것입니다.

---

🙆대표적인 BOM 객체

window

• Global Context, 브라우저 창 객체를 제어할 수 있어요.

location

• 현재 페이지의 url을 다루는 객체입니다.

navigator

• 웹 브라우저 및 브라우저 환경 정보 객체입니다.

history

• 현재 브라우저가 접근했던 URL history에 관련된 객체입니다.

---

• 각 객체에 대한 자세한 함수들은 맨 위의 참고 링크를 참조하시는게 best일 것 같아요!