Web API (좀더 정리 필요)
1. Web API
JavaScript의 기본 역할은 웹 페이지를 동적인 제어이기 때문에 HTML Tag(Element)들을 제어할 수 있어야 한다.
이러한 제어를 위해 브라우저에서 제공해주는 API를 Web API라고 한다.
API( Application Programming Interface )
응용 프로그램(Application)을 개발할 때 빠르고 편하게 개발할 수 있도록 이미 작성된 코드 묶음, 안내서
DOM,Document Object Mode
Web API 중 하나,
Document : 단순하게 생각하면 현재 사용자가 보고 있는 웹 페이지 화면 전체 부분을 의미
Object :
javaScript 상으로 가져온 개별 HTML Element
javaScript 상에서 제어 중이기 때문에 하나의 객체(Object or Node)라고 볼 수 있다.
DOM은 원본 HTML 문서의 객체 기반 표현 방식입니다. 둘은 서로 비슷하지만, DOM이 갖고 있는 근본적인 차이는 단순 텍스트로 구성된 HTML 문서의 내용과 구조가 객체 모델로 변환되어 다양한 프로그램에서 사용될 수 있다는 점입니다.
DOM의 개체 구조는 "노드 트리"로 표현된다. 하나의 부모 줄기가 여러 개의 자식 나뭇가지를 갖고 있고, 또 각각의 나뭇가지는 잎들을 가진ㄹ 수 있는 나무와 같은 구조로 이루어져 있기 때문이다. 이 케이스의 경우, 루트 요소인 <html>은 "부모 줄기", 루트 요소에 내포된 태그들은 "자식 나뭇가지" 그리고 요소 안의 컨텐츠는 "잎"에 해당한다.