리액트를 사용하는 이유
- 동적으로 변하는 웹 서비스가 많아진 현재 상황에서 사용자에게 더 좋은 인터페이스와 경험을 제공하기 위해서
DOM 이란?
- DOM은 HTML, XML 문서의 프로그래밍 interface이다.
- DOM을 활용해 HTML, XML 문서에 프로그래밍 언어가 접근할 수 있음, 특히 웹 브라우저는 DOM을 활용해 객체에 자바스크립트와 CSS를 적용
단점
- 동적 UI에 최적화 되어있지 않음
Virtual DOM
- 리액트는 Virtual DOM을 활용해 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용
- 즉, 동적으로 데이터가 변화했을 때 직접적으로 DOM을 조작하는 것이 아닌 DOM의 사본인 Virtual DOM을 생성.
- 변경된 부분만 DOM에 적용. 이를 조화 과정(reconciliation)이라 한다.
