리엑트란?

UI를 만들기 위한 라이브러리

라이브러리?

자주 사용되는 기능을 정리해 놓은 것

장점

Virtual DOM

DOM (Document Object Model)
인터넷에서 웹페이지 같은 문서의 표현 방식을 정의한 것
웹페이지의 모든 정보가 담겨있음

실제 웹페이지와 DOM의 중간 다리로서, 변경될 부분(State)을 탐색하여 그 부분을 변경하고 Re-Rendering한다. 덕분에 빠른 랜더링이 가능하다.

재사용성

리엑트에서 컴포넌트(Component) 란 UI를 구성하는 요소 중 하나이다. 리엑트는 컴포넌트 기반으로 개발하기 때문에, 리스트의 아이템이나 버튼처럼 여러 번 쓰게 되는 요소를 컴포넌트로 따로 빼서 개발해두면 나중에 수정하기도 쉽고 코드를 길게 작성할 필요도 없다.

Meta의 지원

현재 메타에선 리엑트를 이용해 UI를 개발하기 때문에, 뒷백(?)이 탄탄하다 ㅋㅋ
-> 생태계가 매우 거대함
-> 정보 찾기가 비교적 쉬움

단점

대용량 학습량

먼가.. 먼가 많아...
-> 숙달하기까지 오래 걸림

상태관리에 대한 의존도

깔끔한 웹사이트를 만드려면 상태 관리가 필수이고, 프로젝트 규모가 커지루록 상태 관리도 힘들어진다.

---

Referance

[인프런] 처음 만난 리액트(React) 강의 - 소플