React가 나오게 된 이유

리액트는 어쩌다 만들어졌을까?

 

배경

• dom을 직접 건드리는 작업은 번거롭다.

React의 발상

• dom을 전부 날려버리고 다시 만들어서 보여주자

문제점

• 매번 이렇게 하게되면 다양한 문제가 발생

해결

• 메모리게 가상DOM을 만든다.
• 업데이트가 필요한 부분만 가상DOM으로 수정한다.
• 그 이후 REACT의 알고리즘을 통해 다른 부분을 감지하여 실제 DOM에 패치 시켜준다.

 

웹 애플리케이션의 규모가 커지면,
DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움

리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작

속도와 성능 문제는 Virtual DOM으로 해결
Virtual DOM은 메모리에 가상으로 존재하는 DOM으로 (자바스크립트 객체) 변경 속도가 빠름

Virtual DOM과 브라우저 DOM을 비교하여 차이가 있는 곳을 감지 => 브라우저 DOM에 패치

 

 

출처 : 

https://react.vlpt.us/basic/01-concept.html

1. 리액트는 어쩌다가 만들어졌을까? · GitBook