React란 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다.
React를 사용하는 이유가 무엇일까?
가장 큰 장점으로는 가상 DOM으로 불필요한 화면갱신을 최소화하여 웹 퍼포먼스를 올릴 수 있다는 점이라고 생각한다.
이 외에도 리액트 컴포넌트로 코드의 간결화, 뛰어난 호환성과 유연성, 오래된 기술인 만큼 많은 거대한 커뮤니티가 있다.
가상 DOM(Virtual DOM)은 무엇일까?
가상 DOM은 브라우저에 실제로 보여지는 DOM이 아닌 메모리에 가상으로 존재하는 DOM으로 일반 javascript객체이기 떄문에 작동 성능이 실제 DOM보다 훨씬 빠르다.
리액트는 웹 문서의 변화가 감지되면 변화가 필요한 곳의 UI를 가상 DOM을 통해서 렌더링하고 실제 DOM과 비교를 한 후, 차이가 있는 부분만 실제 DOM에 패치시킴으로서 빠른 속도로 업데이트할 수 있다.