티스토리 뷰
728x90
반응형
DOM에 대한 이야기는 어디에서나 제일 처음 나오지만 제대로 알아본 적이 없다.
그래서 공부하면서 정리를 해보려고 한다.
DOM이란?
DOM(Document Object Model)은 문서 객체 모델이라고도 한다. DOM은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스다. 여기서 인터페이스(interface)는 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는 경우의 접점이나 경계면이다. 즉, DOM은 사용자가 기기를 쉽게 동작시키는데 도움을 주는 시스템이라고도 할 수 있다.
<html>이나 <body> 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체(object)로 만드는 것을 의미한다.
DOM의 종류
W3C의 DOM의 표준은 세가지 모델로 구분된다.
- Core DOM : 모든 문서 타입을 위한 DOM Model
- HTML DOM : HTML 문서를 위한 DOM Model
- XML DOM : XML 문서를 위한 DOM Model
사실 이걸 더 파고들면 트리구조까지 알아야 한다.
그러기엔 아직 지식이 부족하여 일단 여기까지 정리를 하고 추후 다시 업데이트를 할 예정이다.
더보기
21. 02. 24 first upload
21. 04. 27 DOM에 대한내용 일부 수정 및 업데이트
728x90
반응형
'Front-End' 카테고리의 다른 글
| 초기 레이아웃 설정하는 CSS (0) | 2021.05.09 |
|---|---|
| Boiler-Plate 공부 순서 리스트 (0) | 2021.04.20 |
| React-Youtube : 비디오 업로드 페이지 만들기 (0) | 2021.04.06 |
댓글
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- redux
- node
- 재공부
- node-sass
- 코딩테스트
- node.js
- 리액트
- Git
- CSS
- 뷰
- java
- mongodb
- Visual Studio Code
- 파이썬
- javascript
- Coding Test
- Switch
- array
- 배열
- 함수
- 리액트 유튜브
- react
- 리덕스
- github
- 프로그래머스
- 노드
- programmers
- 자바스크립트
- 리액트 썸네일
- 자바
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
글 보관함