리액트는 왜 쓰는가?

1. 프론트엔드 라이브러리 / 프레임워크

   - 최근 단순히 웹 페이지가 아닌 웹 어플리케이션의 흐름

   - 웹 개발을 하게 될 때, DOM 관리 및 상태값 업데이트 관리를 최소화 하며, 기능 개발 중심, 사용자 인터페이스 구현에 

      초점을 맞추기 위해 라이브러리 혹은 프레임워크들이 만들어졌다.

   -  복잡한 SPA에서는 DOM 조작이 많이 발생하면 브라우저가 연산을 많이하므로 전체적인 프로세스가 비효율이 된다.

   - Angular, Ember, Backbone, Vue, React 

 

2. React (사용자 인터페이스(UI) 프레임워크)

  - 컴포넌트 라는 개념에 집중이 되어있는 라이브러리 

  - 화면의 한 부분을 컴포넌트 단위로 나누어서 관리가 가능

  - 컴포넌트의 역할과 기능에 따라 관리가 편하며, 중복되거나 반복되는 부분을 따로 분리하여 재상용성을 높여준다.

  - Virtual DOM 의 사용 

            변화가 일어날 경우 실제로 브라우저의 DOM 을 변화시키지 않고, 자바스크립트로 이루어진 가상 DOM에 한번 렌더링을 하고

            기존의 DOM 과 비교를 한 다음에 정말 변화가 필요한 곳에만 변화를 주게된다.

  - 리액트 네이티브로 기반 모바일 앱을 만들 수 있다.

 

 

참조 블로그 : https://intrepidgeeks.com/tutorial/why-use-react

                     https://velopert.com/3612