문서 객체 모델(DOM)

DOM(Document Object Model) 이란?

DOM은 Document Object Model의 약자로, HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model이라는 의미를 가지고 있으며, XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.

이 중에서, 오늘 document 객체를 통해서 HTML 엘리먼트를 만들고(CREATE), 조회하고(READ), 갱신하고(UPDATE), 삭제하는(DELETE) 하는 방법들을 접했다.

오늘은 간단하게 대표적으로 이런 것들이 있구나라고 파악을 했고, 추가적으로 다른 명령어들도 찾아봐야겠다.

추후에 직접 실습을 해본 내용들을 따로 정리해야겠다.

• CREATE: createElement , append, appendChild
• READ: querySelector, querySelectorAll , getElementById
• UPDATE: textContent, classList, setAttribute
• DELETE: remove, removeChild, (innerHTML = "" , textContent = "")

PS. CRUD란?

C reate : 생성
R ead   : 읽기(조회)
U pdate : 갱신(수정)
D elete : 삭제

CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다.
사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다.