DOM 다시 한 번 정리하기

• 웹페이를 구성하기 위해서는 HTML , CSS , JAVASCIRPT는 필수이다.

웹페이지가 뜨는 과정

1) 사용자가 브라우저에 'www.naver.com' 주소를 입력했다.
( = 클라이언트가 서버에게 요청을 한다. )

2) 서버로부터 HTML 문서를 응답을 받는다.

3) 브라우저는 HTML 파일을 파싱한다. ( 해석합니다)
( ※ 브라우저에는 기본적으로 렌더링 엔진이 있다. ( 렌더링 = 번역 )


4) 자바스크립트가 알아들을 수 있는 방식으로 해석한 내용을 토대로 DOM TREE를 구성한다. ( => DOM TREE + CSSOM TREE Render Tree를 구성한다)

5) 레이아웃 계산하고 페인팅 과정이 시작된다.

돔 API

API : API란 다른 시스템에서 제공하는 기능을 사용할 수 있또록 도와주는 중간자 역할을 한다.

• 돔은 브라우저에 내장되어있다. 접근과 제어가 가능하다.

DOM은 속성과 메서드를 갖고 있다. 체크표시 하나하나를 노드라고 한다.

속성과 메서드 구분하기

• getElementById -> 메서드
• innerHTML -> 속성