BOM과 DOM에 대해

oversleep·2025년 1월 30일
post-thumbnail
  1. BOM (Browser Object Model):
    • BOM은 브라우저 객체 모델
    • 자바스크립트에서 브라우저 창이나 탭을 제어할 수 있는 객체들의 집합
    • BOM은 브라우저 창의 크기, 위치, 히스토리, 위치 정보, 쿠키 등과 같은 브라우저와 관련된 객체들을 다룸
    • 대표적인 BOM 객체로는 window 객체가 있음
  2. DOM (Document Object Model):
    • DOM은 문서 객체 모델
    • HTML, XML 문서의 프로그래밍 인터페이스를 나타냄
    • 문서의 구조화된 표현을 제공하며, 프로그래밍 언어가 문서 구조, 스타일 및 내용에 접근하고 업데이트할 수 있게 함
    • DOM은 계층적인 트리 구조로, 각 요소를 노드로 나타냄.
      각 노드는 문서의 일부를 나타내며, 자바스크립트를 통해 해당 노드에 접근하고 조작할 수 있음
    • 대표적인 DOM 객체로는 document 객체가 있음

요약:

BOM은 브라우저 객체 모델

자바스크립트를 통해 브라우저 창과 관련된 기능을 제어하는 객체들의 집합을 나타냄.

DOM은 문서 객체 모델

HTML 또는 XML 문서의 구조를 프로그래밍적으로 조작할 수 있는 인터페이스를 제공함.

profile
궁금한 것, 했던 것, 시행착오 그리고 기억하고 싶은 것들을 기록합니다.

0개의 댓글