리액트(React)

프론트엔드 라이브러리와 프레임워크

요즘의 웹 페이지들은 정적인 페이지가 아닌 웹 앱 혹은 웹 어플리케이션이라 불릴 정도로 복잡하고 동적으로 바뀌었다.

이처럼 복잡하고 동적인 웹 페이지가 늘어나고 웹의 크기가 커지자, 자바스크립트 파일의 관리가 어려워졌고 이를 효율적으로 관리하기 위해 그리고 UI를 더욱 동적으로 나타내기 위해서는 복잡하고 많은 상태를 관리해야 했고
이를 위해서 프론트앤드 라이브러리 / 프레임워크가 등장하게 되었다.

 

리액트(React) 란?

• 리액트(React, React.js)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.
• 리액트를 사용함으로서 최신의 다채화된 사용자 인터페이스를 간편하게 사용할 수 있고 높은 수준의 구현을 가능하게 한다.

리액트의 특징

1. 리액트는 화면의 한 부분을 컴포넌트라는 단위로 나누어 관리할 수 있다. 이를 통해 대규모 웹 앱에서 컴포넌트의 역할과 기능에 따라 따로 관리하기가 용이하고, 반복되는 부분을 공통적으로 분리하여 재사용성을 높여준다. 
2. 기존 DOM조작 형식이 아닌 가상DOM 을 이용하여 실제 DOM을 조작하는 횟수를 줄여 성능을 빠르게 개선하였다.

데이터 변경 -> 가상 DOM 리랜더링 -> 이전 가상 DOM과 비교 -> 변경된 부분 실제 DOM에 적용