문서객체모델 DOM [JavaScript]

• JavaScript가 가장 많이 사용되는 부분은? 웹 개발
• 과거 - 웹브라우저 내부에서 실행되는 경우가 대부분
• 최근 100% 웹 브라우저에서만 실행된다고 말할 수 없음

[광고 누르면 오늘의 행운 상승!!]

코어 JavaScript

• 웹 브라우저에서 JavaScript가 작동하기 위한 JavaScript 부분 제외
• JavaScript의 기본이 되는 부분만 정의

클라이언트 측 JavaScript(DOM 스크립트)

• 웹 브라우저에 관련된 JavaScript
• 웹 브라우저와 웹 문서의 내용 객체화
• 웹 브라우저와 웹 문서의 기능이나 내용에 접근 + 정보를 얻을 수 있도록 → 모든 기능과 내용을 객체화 하는것.
• 만약 웹 브라우저 창의 위치를 알고 싶다면?
  → window 객체의 창의 위치를 알려주는 프로퍼티를 읽어오면 됨
  → 같은 방법으로 웹 문서의 특정 요소를 접근하여 정보를 얻어오거나 수정 가능

DOM 레벨과 혼란

• 과거 웹 브라우저의 비호환의 주범
• 정리되지 않고 혼란을 야기했음.
• 최근 DOM은 정리되고, 표준화됨

문제점

• 호환상의 문자로 오래된 문서 객체 모델은 남음 → JavaScript개발을 어지럽힘
• 이러한 DOM의 버전 : DOM 레벨로 분류 → 레벨 0부터 최신의 레벨까지 존재함
• 대부분 JavaScript 프로그래머 자신의 프로그래밍 코드에 DOM레벨을 섞어 사용함 → 좋지 않음.

DOM

객체화 → 구조화 → 계층으로 구성

현재 웹 브라우저 윈도우

1. Window 객체 // 중요
2. window 프레임 객체 배열
3. Navigator 객체
4. Location 객체
5. History 객체
6. Document 객체 // 중요
7. Screen 객체

→ 웹 브라우저 : 웹 문서를 보여주는 창이 DOM의 기준
→ 하나의 웹 문서를 보여줌
→ 다양한 HTML 요소 포함
→ Window 객체 이외의 객체는 Window 객체의 프로퍼티로 접근

Document 객체에 접근하고자 한다면

• window 객체의 document 프로퍼티 이용
• window 객체의 document 프로퍼티는 Document 객체를 가리킴
  → 웹 문서, 웹 문서상의 HTML요소 일부 접근 가능