브라우저 & DOM

브라우저에서 할 수 있는 일

• DOM (Document Obejct Model)조작

  • HTML 조작

• BOM (Browser Object Model) 조작

  • navigator, screen, location, frames, XHR

• Java Script Core (ECMAScript)

  • Data Structure(Object, Array)

DOM 이란?

• HTML, XML과 같은 문서를 다루기 위한 프로그래밍 인터페이스

• 문서를 구조화하고 , 구조화된 구성 요소를 하나의 객체로 취급하여 다루는 논리적 트리모델

• 문서가 객체(object)로 구조화되어 있으며 key로 접근 가능

• 단순한 속성 접근, 메서드 활용 뿐만 아니라 프로그래밍 언어적 특성을 활용한 조작가능

• 주요 객체

  • window : DOM을 표현하는 창(브라우저 탭), 최상위 객체(작성 시 생략가능)
  • document : 패이지 컨텐츠의 Entry Point 역할을 하며, head, body 등과 같은 수많은 다른 요소들을 포함
  • navigator, location, history, screen

DOM 해석

• 파싱 (Parsing)

  • 구문 분석, 해석
  • 브라우저가 문자열을 해석하여 DOM Tree 로 만드는 과정