만약 정적인 페이지를 만드는 것이 목적이라면 프레임워크의 도움은 필요하지 않을 것이다.
하지만 요즘 자주 사용하 instagram, facebook과 같은 사이트를 보면 웹은 정적이고 단순한 페이지를 벗어나 복잡하고 동적으로 변했다.
예시와 같은 사이트는 새로고침 없이 변경 되고 마치 앱 처럼 보이는 동적인 웹페이지 SPA(Single Page Application), CSR(Client Side Rendering)을 사용한 페이지라 할 수 있다.
프로젝트의 규모도 커지면서 유저의 인터렉션이 전달되려면 그만큼 DOM 요소들이 변화를 가져야 하고 이러한 과정이 반복되면 브라우저는 많은 연산을 해야한다. 또한 DOM요소의 변화를 관리하는 개발자들에게는 큰 짐이 될 것이다.
✏️리액트의 사용이유는 크게 아래와 같다
1. Virtual DOM의 존재
리액트의 가장 큰 특징이다. 기존 돔은 페이지가 바뀔 때 마다 새 HTML을 로드하면서 전체 돔을 바꾼다.
Vurtual DOM은 React 컴포넌트가 리턴하는 값에 의해 만들어져 실제 보이고 있는 DOM과 비교해 달라진 부분만 찾아서 바꾼다.
이러한 이유 때문에 리액트에서 컴포넌트 단위의 개발이 가능하다.
2. 컴포넌트 단위로 작성하기 때문에 다른부분, 다른 웹에서 재사용이 가능해진다. 이는 생산성과 유지보수를 용이하게 한다.
3. vue에 비해 사용자가 많고 커뮤니티 수가 많다.
4. React Native로 앱개발이 가능하다.
REF
https://velog.io/@youthfulhps/React-React%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0
