Virtual dom

실제 DOM은 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있기 떄문에 조작하기에 무겁다. 따라서 리렌더링 시에 DOM의 변경 사항을 빠르게 파악하고 반영하기 위해서 내부적으로 Virtual DOM을 만들어서 관리하는 것이다.

Virtual DOM의 동작과정 Virtual DOM을 사용하면 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용한다. DOM의 상태를 메모리에 저장하고, 변경 전과 변경 후의 상태를 메모리 위에 계속 올려두고, DOM에 변경이 있을 경우 해당 변경 사항만 반영하는 것이다.

This line appears after every note.

Notes mentioning this note

Jsx
1.JSX란? JSX (Javascript XML)는 [[Javascript]]에 XML을 추가한 확장 문법이다. JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. 브라우저는...
React dom
ReactDOM은 UI를 실제로 브라우저에 [[렌더링]]할 때 사용하는 라이브러리입니다.

Here are all the notes in this garden, along with their links, visualized as a graph.