React

React는 JavaScript의 UI 라이브러리
Meta(Facebook)가 개발한 오픈 소스
Virtual DOM을 사용함으로써 성능이 좋고 재사용성이 높은 컴포넌트 방식의 개발에 최적화 되어있다.
React는 인터렉션이 많은 웹 앱을 개발하기 위해서 주로 사용된다. 그러기에 이러한 웹 앱을 만드는 다른 도구인 Vue.js나 Angular와 많이 비교를 하게 된다. 처음 볼 수 있는 가장 큰 차이점은 프레임워크와 라이브러리의 차이이다. Angular와 Vue.js는 프레임워크이며 React는 라이브러리이다.
React는 사용자 인터페이스 구축을 위한 JavaScript 라이브러리이다.
React는 서드 파티 패키지로 프론트엔드 프로젝트에 추가되는 라이브러리이다. → 클라이언트 측 JavaScript 라이브러리 코드. (방문자 브라우저에서 실행되는 JavaScript 코드)
React를 사용해 상호 작용이 가능한 사용자 인터페이스를 만들 수 있다.
- 핵심적으로 사용자 인터페이스 부분인 컴포넌트, 상태, 프로퍼티 등에만 초점을 맞추고 있기 때문에 라이브러리로 분류된다.
- 일반적으로 대규모 React 프로젝트를 구축할 때는 라우팅 혹은 인증 등의 과정을 돕는 라이브러리를 추가적으로 사용해야 한다.
선언형 컴포넌트에 중점을 둔 선언형 방식으로 코드를 작성할 수 있다.
기본적인 React 애플리케이션은 아래와 같은 클라이언트 사이드 렌더링(CSR)으로 동작한다.

탄생 배경

DOM을 직접 건드리는 작업은 번거롭다.

Untitled