DOM

리액트

웹 페이지를 만들 때 사용하는 자바스크립트 라이브러리

다양한 화면 요소를 컴포넌트로 나눠서 만들 수 있음

 

DOM (Document Object Model)

웹 페이지의 구조를 나타내는 트리구조

트리구조를 이루는 것들은 엘리먼트(여는태그+닫는태그)

(엘리먼트들이 모여서 트리구조가 됨)

웹 브라우저는 이것을 읽어서 화면에 페이지를 출력

 

 

 

2. 하는 일

리액트

- 컴포넌트를 DOM이 읽고 웹 브라우저에 보여주는 역할을 한다.

 

가상 DOM (Virtual DOM)

- 실제 DOM의 복사본

- 페이지의 변화가 생기면 여기서 변화를 계산한다.

- 실제 DOM과 비교해서 필요한 부분만 업데이트한다.

  → 페이지가 더 빠르고 효율적으로 작동

 

즉,

리액트 DOM은 리액트 컴포넌트를 웹 페이지에 실제로 보여주고 관리하는 역할을,

가상 DOM은 웹 페이지의 변화를 빠르게 처리할 수 있게 도와주는 역할을 한다.