자바스크립트 Dom, 프로토타입 정리

Dom

- 문서 객체 모델

- HTML, XML 문서의 인터페이스

- 문서의 구조화 된 표현 제공

 

HTML/CSS -> DOM -> JavaScript

 

Node

- HTML 문서의 트리를 구성하는 단위

노드 이름 Node Name

- 노드의 이름, 태그에 따라 다른 값 지님

노드 값 Node Value

- 노드의 값

Element

- HTML 태그

- 노드 타입

 

Attr

- 속성

---

프로토타입 (prototype)

- 객체의 원래 상태

- 같은 생성자로부터 생성된 객체는 프로토타입을 공유

- 메모리 절약

 

생성자 (constructor function)

- 객체 생성하는 함수

- 함수명 첫글자 대문자

- new 키워드 사용하여 호출

- this 키워드 이용

* 번거로움 해결, 메모리 효율성 증가

 

1. 자바스크립트 내에 존재하는 생성자 함수는 암시적으로 프로토타입 존재 ex) Array()

2. 직접 생성한 생성자함수에서 만든 함수를 공통으로 사용할 경우 명시적으로 프로토타입을 생성해야 됨