Web - DOM

dev.dave·2023년 7월 29일

개발지식

목록 보기
44/53

DOM
document object model

오브젝트는 객체

즉, 브라우져는 자바스크립트로 동작을 한다고 봐도 무방

오브젝트 객체로 다 이루어져있다?

오브젝트도 다 api 이다

즉 그 api는 뜯어보면 다 함수나 그렇게 만들어져있다

즉 브라우져 안에서 돌아가는 모든 것은 다 자바스크립트로…

css도 다 객체(오브젝트)이다

html도 dom 객체 이다.

html css js 다 다른 애들이지만 각각의 dom bom js
로 명칭이 있듣이
다 각자 api로써 브라우져안에서 번역이? 되어져서 상호작용을해서
어우러져서 동작을 하는것이다.

아무튼 그 돔이란 녀석은…
브라우져에서 짜려면
쿼리셀렉터 하고,,,
셋어트리뷰트,,,
어펜드차일드 ,,,
등등 해서
자바스크립트로 돔을 컨트롤하면 짜는데,,,
이런걸 쉽게하는게 제이쿼리이다.

*참고로 제이쿼리는 썡돔으로 짜는것보다 훨씬더 쉽게 짜기쉽게 직관적으로 만들어져 있다.

—————————————

브라우져

DOM 이 브라우져에 있는거다.
(Document Object Model)

문서 객체 모델

HTML 이 있고,

그 구조적 형태를 제공하기위해 DOM 이란 API가 존재한다.
그래서 이 DOM API 를 쓰면 아주 유용하게 html 문서를 조작할수 있다.

DOM 은 구조적형태를 제공한다.
그래서 자바스크립트를 이용해 문서내용과 시각적표현을 수정할수있다.

즉,DOM 을통해 html을 조작 , 변경할수있다.(자스를 이용해서~)

다른말로 하면
css가 html 에 접근하기위해서 DOM API를 이용하고,
자바스크립트가 html 에 접근하기위해서도 DOM API를 이용한다.


profile
🔥개인 메모 / 다른블로그 자료 참조 / 다른블로그 자료 퍼옴 (출처표기) /여기저기서 공부 했던 내용 개인메모 & 참고 / 개인 기록 용도 블로그 입니다.🔥

0개의 댓글