Dogs - Java script

1. 오늘은 DOM에 대해서 알아보도록 하겠습니다.

2. DOM의 철자는 이렇게 되고요
다 이해가 되는데 모델이라는 놈이 이해가 잘 안됩니다.

3. 예를 한번 들어봅시다.
이건

4. 모델 하우스 입니다.
Model 하우스는 아파트의 구조를 보여주는 표본 입니다.

5. 예를 하나 더 들어보겠습니다.
‘객체지향언어’란 원관념(?)이라면 ‘자바’란 실체 입니다.

6. DOM이 원관념이라면
HTML과 XML은 그 개념의 실체라고 볼 수 있습니다.
#주의 비유가 적절하지 않을 수 있습니다.
제가 잘 못 생각하는 부분이라면 바로잡아주시면 감사하겠습니다.

7. 따라서 다시 한번 Document Object Model을 보면
‘문서를 객체화한 표본’이라고 정의 할 수 있겠습니다.
정의는 했다만 그럼 문서를 어떻게 객체화 한다는 것인지 의문이 남습니다.

8. HTML문서는 각종 태그로 이루어져 있습니다.
이 태그들을 어떻게 알고 표현 되는 걸까요?

9. 여기 Browser 라는 놈이 있습니다.
브라우저는 여러가지 기능을 제공합니다.

10. HTML5, CSS3를 지원하고 JavaScript 또한 지원합니다.
지원한다는 의미가 뭘까요?

11. 브라우져는 HTML문서를 받아서 처리를 할 때 Parsing 한다고 말합니다.

12. 그렇다면 브라우저가 HTML 기능을 제공한다는 것은
HTML parser가 존재한다는 뜻 입니다.
파서는 그렇다면 구체적으로 어떤 일을 하는가?

13. 파서가 하는 파싱은 HTML문서를 ‘트리’ 형태로 자료를 구조화 합니다.

14. 이렇게 말이죠, 트리의 루트에 document가 존재하고
태그 하나 하나, 객체로 존재하게 됩니다.

16. 이렇게 객체화된 태그를 가지고 우리는
JavaScript 코드로 태그에 접근하게 되는 것 입니다.