React (리액트)란?

React

• UI를 집중적으로 잘 만들기 위해서 페이스북(메타)에서 만든 자바스크립트 라이브러리
• 컴포넌트에 집중되어 있는 라이브러리
• Angular와 달리 뷰만 신경쓰고 나머지는 써드파티 라이브러리를 필요
• 공식 라이브러리 개념 없고, 여러 가지 솔루션 사용
• 생태계 넓고 활성화되어 있음
• React 사용 기업 많음

컴포넌트 (Component)

• 동작 가능한 하나의 부품 개념
• 애플리케이션의 화면을 구성하는 뷰(View)를 생성하고 관리
• 여러 컴포넌트를 조립하여 하나의 완성된 애플리케이션 생성
• 잘게 나누어진 컴포넌트 모듈들을 조합해서 애플리케이션을 개발하는 오늘날의 개발 접근 방법
  • (Web Modularity / 컴포넌트 기반 개발) - React가 보편화 시킴

React 특징

• 제일 먼저 가상 돔을 성공적으로 사용
• 이후 다른 많은 라이브러리에서 가상 돔 개념 채택
• Virtual DOM (가상 돔) : 브라우저 DOM 기반으로 데이터가 변경될 때마다 페이지에서 새로운 뷰를 만들어 전체 DOM을 새로 넣기 때문에 성능상 문제
  • 해결책 : 변화가 있을 때마다 실제 DOM에 변경된 내용을 넣는 것이 아니라, 자바스크립트로 만들어진 가상 돔에 한 번 렌더링하고, 기존의 돔과 비교해서 변경된 것만 업데이트
• 생태계 조성 (가치 사슬, 협력관계) : 다양한 생태계를 가지고 있어, 좋은 많은 라이브러리들이 많이 만들어지고 있음
• 많은 기업에서 사용 (한 번 사용하면 계속 사용 / 전세계적으로 많이 사용)
• 사용 / 인기 /선호도 조사 (2020년 JetBrains사) : React > Express > Vue.js > Angular ….