[도서] 리액트를 다루는 기술 #리액트의 특징

 

 

1.2 리액트의 특징

 

1️⃣ DOM의 문제점

 

👌 동적 UI에 최적화되어 있지 않다. HTML은 자체적으로는 정적, 자바스크립트를 사용하여 이를 동적으로 만들 수 있다.

 

🔷 리액트는 Virtual DOM 방식을 사용하여 DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화하고 효율적으로 진행한다.

 

 

2️⃣ Virtual DOM

 

Virtual DOM을 사용하면 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용한다.

 

 

1. 데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링한다.

2. 이전  Virtual DOM에 있던 내용과 현재 내용을 비교한다.

3. 바뀐 부분만 실제 DOM에 적용한다.

 

"리액트는 프레임워크가 아니라 라이브러리"

 

 

#출처 : 리액트를 다루는 기술(저자 : 김민준 VELOPERT)