React DOM과 Virtual DOM

H_Chang·2023년 11월 10일
0

DOM이란?

  • DOM은 Document Object Model로 HTML이란 코드로 설계된 웹페이지가 브라우저 안에서 화면에 나타나고, 이벤트에 반응하며 값을 입력받는 등 기능들을 수행할 객체들로 실체화된 형태를 의미한다.

DOM에 대한 특징

  1. DOM은 브라우저에 내장되어 있어서 html의 내용을
    javascript로 접근, 제어 할수있다.

  2. DOM에는 node들이 있다. 이러한 모든 node에는 메서드(method)와 속성을 가지고있다.

Virtual DOM이란?

  • Virtual DOM은 실제 DOM을 모방하는 형태로 메모리 상에서만 존재하는 가상의 DOM을 의미한다. 변화가 실제 DOM에 적용되기 전에 가상의 DOM을 한번 거쳐 미리 처리하고 저장한 후 실제 DOM에 업데이트 할 수 있게 해준다.

Virtual DOM에 대한 특징

  1. DOM에 비해 가벼운 복사본이다.
  2. in-memory에 존재해서 실제 렌더링이 되지 않는다
  3. JavaScript 객체로 이루어진 tree data structure 이다.
  4. React와 같은 UI라이브러리에 널리 쓰인다.
profile
프론트 엔드 시작하는 뉴비!

0개의 댓글