![[React] DOM이란? Virtual DOM이란? 사용하는 이유는? [4/16 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcqtoR4%2FbtsH0mskZoc%2FAAAAAAAAAAAAAAAAAAAAAHcN7jXu2JfjcA4N-3vehPGuWaTPqdKdVeWTZ6amjLZr%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DgkIzJsSNdmCjk%252FiYeqIVAN4RS2s%253D)
Frontend/React2024. 4. 16. 03:17[React] DOM이란? Virtual DOM이란? 사용하는 이유는? [4/16 study]
DOM이란? Virtual DOM이란? 사용하는 이유는? Virtual DOM이란? 사용하는 이유는?Virtual DOM 공부하기 전에 DOM부터 알아보자. DOM DOM은 Document Object Model의 약자임. 한국어로는 문서 객체 모델. 간단하게 설명하면 웹 페이지에 나오는 HTML문서 전체를 객체로 표현한 것으로 생각하면 될것같음. 이때의 각 객체를 노드(Node)라는 용어로 표현하고 각 노드는 HTML 요소들과 연관되어 있고 DOM노드로 이루어진 트리를 만듬, 태그는 요소 노드, 문자는 텍스트 노드로 구분됨. DOM 트리 웹 페이지나 웹 앱에 있는 HTML 요소들의 계층 구조를 나무에 비유해서 DOM 트리라고 표현함. 각 노드 간의 관계는 부모, 자식, 형제라는 용어로 표현..