게시글은 리액트 공부용이며 출처를 제시합니다.
출처: 소플의 처음 만난 React, 리액드를 다루는 기술, 모던 자바스크립트 deep dive
라이브러리
도서관이 아니라 자주 사용되는 기능을 정리해 모아 놓은 것
프레임 워크 vs 라이브러리
제어 권한의 차이!
프레임 워크는 자신에게 있으며 라이브러리는 개발자에게 제어 권한이 있다.
주방을 빌려주는 것과 요리 도구를 빌려주는 것
제한적이지만 규칙 내에서 쉽게 사용할 수 있는 것과(프레임뭐크) 제한이 비교적 없지만 자유도가 있는 만큼 배울 것이 많음(라이브러리)
SPA
하나의 페이지만 존재하는 웹사이트. 하나의 HTML 틀을 만들어 놓고 사용자가 특정 페이지를 요청할 때 그 안에 해당 페이지의 내용을 채워서 보내주는 것
리액트의 장점
- 빠른 업데이트와 렌더링 속도 (feat. Virtual DOM)
DOM : 웹 페이지를 정의하는 하나의 객체. 하나의 웹사이트에 대한 정보를 모두 담고 있는 큰 그릇
화면이 업데이트 된다는 것은 DOM이 수정된다는 말과 동일
but 성능과 비용에 영향을 미친다. 수정할 부분을 DOM의 데이터에서 모두 찾아야하기 때문
리액트는 state change(상태변경)이 일어나면 Virtual DOM에서 업데이트해야 될 최사한의 부분을 검색한다. 검색된 부분만 업데이트하고 다시 렌더링하면서 변경된 내용을 빠르게 사용자에게 보여준다.
- 컴포넌트 기반 구조
작은 레고 블록들이 모여서 하나의 완성된 모형이 되는 것과 비슷하다. 레고 블록ㅇ르 조립하는 것처럼 컴포넌트를 조합해서 웹사이트 개발
- 재사용성
소프트웨어 또는 모듈이 다른 곳에도 쉽게 곧바로 쓸 수 있똘고 개발하는 것. 어떤 환경에서는 의존하는 모듈이 필요할 수도 있고 독립적으로 재사용될 수도 있기 때문에 최대한 재사용성이 높게 만들어야 한다.
-
메타라는 대기업의 지속적인 업데이트
-
활발한 지식 공유 & 커뮤니티
-
모바일 앱 개발 가능
리액트의 단점
-
방대한 학습량
-
높은 상태 관리 복잡도
