DOM

🔗브라우저는 어떻게 동작하는가?

• 브라우저의 JavaScript엔진이 HTML태그를 객체처럼 만들어준다
• HTML과 JS는 다른 언어이기에 JS에서 사용할 수 있게끔 HTML태그를 객체로 만들어놓고 JS를 통해 접근할 수 있도록 한다
• 웹페이지를 조작시 HTML객체를 사용한다
• HTML에 변화가 있다면 DOM Tree를 다시 그려야 한다
• HTML에 변화가 있을 때 마다 DOM Tree를 처음부터 수정해서 다시 그린다
• 매번 DOM Tree를 그리는 것은 비효율적이므로 이러한 문제점을 해결하고자 react가 나왔다
• react는 가상 DOM을 만들어 실제 DOM과 비교해 변경사항만을 수정해준다

Node

• Node마다 번호가 있다(0번은 요소 등등..)
• 일반적으로 Node는 요소를 의미한다