React.js

 

React.js

 

1. React.js란

https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC)

리액트 (자바스크립트 라이브러리) - 위키백과, 우리 모두의 백과사전

 

 - Meta(Facebook)에서 개발한 오픈소스 JavaScript라이브러리로 대규모 웹 서비스의 UI를 . 더편하게 개발하기 위해 만들어진 기술

 - React.js는 컴포넌트 기반 아키텍처를 사용해 복잡한 UI를 작은 컴포넌트 단위로 나누어 관리할 . 수있어 효율적인 렌더링을 위해 Virtual DOM을 도입해 웹 애플리케이션의 성능을 최적화한다.

 

대표 서비스별 기술 사용 예시

Web Server	Mobile App	Desktop App
Netflix, Airbnb	Facebook	Slack, Discord

 

2. React의 기술적인 특징

2-1. 컴포넌트(Component)를 기반으로 UI를 표현한다. 

 - 화면을 구성하는 독립적인 UI 요소로 각각의 컴포넌트는 자신의 상태와 로직을 관리하며 UI의 일부분을 담당한다. 

2-2. 화면 업데이트 구현이 쉽다.

 - React의 선언형 프로그래밍 : React의 선언형 프로그래밍 과정은 생략하고 목적만 간결하게 명시하는 방법으로 무엇을 할 것인지를 명시적으로 선언하는 방식이다. UI가 특정 상태에 따라 어떻게 보여야 하는지 선언하고 React가 내부적으로 이것을 처리하기 위해 자동으로 화면을 업데이트 한다.

2-3. 화면 업데이트가 빠르게 처리된다.

 - Virtual DOM 기술을 사용해 화면 업데이트를 효율적으로 처리한다. React에서는 상태변화가 발생핼 때 이 가상의 DOM에서 변경 사항을 계산하고 그 결과를 실제 DOM에 초소한의 작업만 반영함으로써 화면 업데이트를 효율적으로 처리할 수 있다.