꾸준히 성장하는 개발자 입니다 😊
태그 목록
- 전체보기(43)
- TIL(24)
- React(13)
- html(7)
- CSS(7)
- algorithm(6)
- JavaScript(3)
- 프로젝트(3)
- js(2)
- zaranara(2)
- 클론코딩(2)
- error(2)
- 1차 프로젝트(2)
- API(1)
- npm(1)
- rebase(1)
- restful api(1)
- 개구리게임(1)
- style component(1)
- yarn(1)
- mock data(1)
- webpack(1)
- 레이아웃(1)
- JWT(1)
- key stretching(1)
- bcrypt(1)
- DOM(1)
- box(1)
- 구조분해할당(1)
- Java Script(1)
- 개발자(1)
- Fetch(1)
- semantic web(1)
- template literal(1)
- salting(1)
- Props(1)
- Software testing(1)
- 플젝(1)
- git(1)
- madal(1)
- function(1)
- Event(1)
- 인증(1)
- 인가(1)
- component(1)
- semantic tag(1)
전체보기 (43)TIL(24)React(13)html(7)CSS(7)algorithm(6)JavaScript(3)프로젝트(3)js(2)zaranara(2)클론코딩(2)error(2)1차 프로젝트(2)API(1)npm(1)rebase(1)restful api(1)개구리게임(1)style component(1)yarn(1)mock data(1)webpack(1)레이아웃(1)JWT(1)key stretching(1)bcrypt(1)DOM(1)box(1)구조분해할당(1)Java Script(1)개발자(1)Fetch(1)semantic web(1)template literal(1)salting(1)Props(1)Software testing(1)플젝(1)git(1)madal(1)function(1)Event(1)인증(1)인가(1)component(1)semantic tag(1)
TIL.DOM과 이벤트
1.DOM 문서 객체 모델( Document Object Model) DOM이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델이다.조금 풀어서 말하자면 HTML 문서의 계층 구조와 정보를 표현하면서 이를 제어할 수 있는 API,즉 프로퍼티와 메서드를 제공하는 트리 자료 구조이다. 자바스크립트는 이 모델로 웹페이지에 접근하고 수정 할 수 있다.즉,DOM은 자바스크립트와 HTML을 잇는 징검다리 역할을 할 수 있다고 볼 수 있다. 이해한 방식으로 간단하게 트리구조를 다이어그램으로 만들어보았다. ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ![](https://images.velog.io/i
2021년 11월 14일
·
0개의 댓글·
0