본문 바로가기

DOM2

[Javascript] 문서 객체 모델 DOM 오래전 포스트에 객체를 처음 소개하며 문서 객체 모델인 DOM에 대해 잠깐 이야기했었습니다. 이번 포스트부터는 그 DOM에 대해 다뤄볼까 합니다. 1. DOM 소개 DOM은 Document Object Model의 약자로 문자 그대로 해석하면 문서 객체 모델입니다. 왜 문서 객체 모델이냐면 이 자바스크립트의 DOM을 통해 html혹은 xml문서에 접근해 조작할 수 있기 때문입니다. 물론 DOM이 자바스크립트의 전유물은 아니고 다른 언어들에도 들어가 있습니다.그래서 이제까지는 자바스크립트의 기본 문법이었다면 지금부터는 자바스크립트를 본격적으로 이용할 수 있게 됩니다. 2. 문서 트리 문서 트리란, 문서를 트리 구조로 해석한다는 건데, 트리 구조란 상단에서 하단으로 가면 여러갈래로 뻗어나가는 형태를 의미합니.. 2021. 3. 23.
[Javascript] 객체 객체(object)란, 프로퍼티와 메소드로 이루어진 것입니다. 실생활에서 보이는 모든 사물들을 객체라고 할 수가 있습니다. 처음 이해할땐 객체라는 모호한 의미를 주변 사물에 대입해서 생각해보면 쉽게 이해할 수 있습니다. 예를 들면 핸드폰이라는 객체는 켜다, 끄다, 재생하다, 전화걸다 등의 기능(메소드)을 가지고있고, 무게, 색상, 제조사와 같은 속성(프로퍼티)를 가졌다 라고 할 수 있습니다. 1. 객체 객체는 프로퍼티와 메소드(속성과 기능)로 이루어져있다고 했습니다. 서두의 예시에서 보이듯이 메소드는 어떤 객체를 조작하고 활용하게 하는 기능이고, 속성은 객체에 대한 정보를 담고 있습니다. 2. 자바스크립트의 객체 자바스크립트에는 크게 세종류의 객체가 있습니다. 1. 내장 객체 내장 객체는 자바스크립트에 .. 2021. 2. 26.
300x250