React란

리액트란?

 

A JavaScript library for building user interfaces

사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 Javascript 기능 모음집

https://ko.legacy.reactjs.org/

 

특징

SPA

Single Page Application

하나의 페이지만 존재하는 웹사이트 또는 웹 어플리케이션

 

장점

빠른 업데이트 & 렌더링 속도

웹사이트 탐색시 내용의 변경이 빠름

 

Virtual DOM

Virtual Document Object Model

웹사이트의 정보를 모두 담고있는 큰 그릇

DOM vs Virtual DOM

DOM : 수정부분을 DOM에서 모두 찾고 이를 업데이트 

Virtual DOM : 업데이트할 최소한의 부분만 찾아 업데이트 함

 

Component-Based

레고블록을 뭉쳐 기능을 하는 큰 레고블록으로 하나의 큰 전체 블록을 만드는 개념

 

재사용성(Reusability)

다시 사용 가능한 성질

- 개발 기간 단축

- 유지보수 용이

 

React Native

- 모바일 환경 UI 프레임워크로 모바일 앱 개발가능

 

단점

방대한 학습량

- Virtual DOM / JSX / Component / State / Props / Hooks / LifeCycle ...

 

높은 상태관리 복잡도

- state가 바뀐 컴포넌트 관리의 어려움

- 컴포넌트가 늘어날 수록++

- Redux, Mobx, Recoil