HTML의 DOM과 JavaScript의 관계 & React의 탄생
·
FE/React
1. DOM(document object model) 문서객체모델 - 웹페이지(HTML, XML)의 콘텐츠 및 구조, 스타일 요소를 구조화시켜 프로그래밍 언어가 해당 문서에 접근하고 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스(의사소통 매개체)이다. - 웹페이지(HTML문서)를 계층적 구조와 정보로 표현하며 이를 제어할 수 있는 property와 method를 제공하는 트리 자료구조 -> 최상위 노드(root)에서 시작해 자식 노드를 가진다 ▶ Document node(root) - 최상위 루트노드로 window객체의 document 프로퍼티로 바인딩되어있다. 문서에 하나만 존재한다. ▶ Element node - html, head, body, meta, title, div, h2 .....