REACT는 왜 사용할까?

REACT는 왜 사용할까?

자바스크립트만으로 규모가 큰 애플케이션을 만들 수 있는 시대가 왔음.
그러나 특별한 도구 없이 순수하게 자바스크립트만 관리하기에는 제한이 있음.

그래서 angular, vue.js .. 프레임워크 가 등장

해당 프레임워크 들은 MVC, MVVM, MVW 등과 같은 여러 구조를 지니고 있으며 공통점은 M과 V가 있다는것

여기서 핵심

예를 들어 뷰단에서 JSON 형식이 데이터가 존재하며 일부값이 변경이 됬다는 조건에서,

어떤 데이터가 변할 때마다 변경 규칙을 정하여 변화를 줄지 고민하는것이 아니라 기존 뷰를 날려버리고 처음부터 새로 랜더링 하는방식이 REACT 방식이다.

이는 브라우저 단에서 CPU점유율을 크게 증가시키고, 랜더링 끊김현상이 발생할꺼같지만 최대한 성능을 아끼고 편안한 사용자 경험을 제공하면서 구현한것이 REACT이다.

REACT는 V(View)만 신경쓰는 라이브러리

특징

- Virtual DOM

-DOM은 동적 UI에 최적화되어 있지 않다.

-HTML은 자체적으로 정적이나 JS를 사용하여 동적으로 만들수 있다.

-웹 브라우저 단에서 DOM 변화가 일어나면 웹 브라우저가 CSS를 다시 연산하고, 레이아웃을 구성하고, 페이지를 리페인트 한다.

이 과정에서 시간이 많이 허비되는데 "자바 스크립트 엔진은 빠르고, DOM은 느리다" 라는 말은 정확한 말이 아니다.

-DOM을 조작할때마다 엔진이 웹 페이지를 새로 그리기때문에 너무 잦으면 성능이 저하될 수 있다. 이문제를 해결하고자 DOM을 최소한으로 작업하여 처리하는것여 등장한것이 Virtual DOM 개념이다.