리액트(React)란?

리액트는 무엇인가?

 

사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리(기능 모음집)

  * 라이브러리 : 자주 사용되는 기능들을 정리해 모아 놓은 것

 

프레임워크 VS 라이브러리

 

프레임워크: 흐름에 대한 제어 권한 => 프레임워크 , 자신

라이브러리: 흐름에 대한 제어 권한 => 개발자

 

👍🏻리액트의 장점

 

: 빠른 업데이트와 렌더링 속도 => Virtual DOM 사용

      * DOM (Document Object Model) 

      : 웹 페이지를 정의하는 하나의 객체, 하나의 웹사이트에 대한 정보를 모두 담고 있는 큰 그릇

: DOM 을 직접 수정하는 것이 아니라, 업데이트 할 최소한의 부분을 찾아서 업데이트 한다. 

       화면이 업데이트 된다 = DOM 이 수정된다. => 성능에 영향을 크게, 비용 크게 

: Component-Based , 레고 블록 조립하듯 컴포넌트들을 모아서 개발한다. 

: 컴포넌트 기반 => 재사용성(계속해서 사용이 가능)이 높다. => 개발 기간이 단축된다, 유지 보수가 용이하다. 

: 활발한 지식 공유 & 커뮤니티 

 

👎🏻리액트의 단점

 

: 방대한 학습량 => 새로운 개념들이 굉장히 많음

: 계속해서 바뀌는 부분이 많다. 

: 높은 상태관리 복잡도