리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 리액트는 메타에서 만든 오픈소스 자바스크립트 UI 라이브러리로 2023년에 처음 출시되었습니다. 리액트는 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위해서 자바스크립트 기능을 모은 것입니다. SPA는 Single Page Application의 줄임말로 하나의 페이지만 있는 웹사이트를 말합니다. 리액트는 SPA를 쉽고 빠르게 만들 수 있게 해줍니다.
리액트는 빠른 업데이트와 렌더링 속도가 장점입니다. 리액트는 빠른 업데이트를 위해서 내부적으로 Virtual DOM이라는 것을 사용합니다. DOM은 Document Object Model의 줄임말로 웹페이지를 정의하는 하나의 객체라고 생각하면 됩니다. DOM은 웹사이트에 대한 정보를 가지고 있습니다. Virtual DOM은 웹페이지와 실제 DOM 사이에서 중간 매개체 역할을 합니다. 리액트는 업데이트해야 할 최소한의 부분만 찾아서 업데이트합니다.
리액트는 컴포넌트 기반입니다. 하나의 컴포넌트는 또 다른 여러 개의 컴포넌트의 조합으로 구성될 수 있습니다. 그래서 재사용성이 높습니다. 활발한 개발 생태계도 리액트의 장점입니다. 리액트는 오픈소스 프로젝트로 메타에서 관리합니다. 리액트 네이티브를 사용하면 모바일 앱도 개발할 수 있습니다.
리액트는 배워야 할 학습 내용이 많습니다. 다른 방식의 UI 라이브러리이기 때문에 배워야할 것이 많습니다. 그리고 버전이 업데이트되면 새롭게 학습해야 합니다. 공식문서에서 잘 확인해서 사용해야 합니다. 리액트의 높은 상태 관리 복잡도는 단점입니다. 리액트에는 state라는 굉장히 중요한 개념이 있습니다. state는 리액트 컴포넌트의 상태입니다. 성능 최적화를 위해서 state를 잘 관리해야 하는데 처음 리액트를 사용하면 쉽지 않습니다. 그래서 웹사이트가 복잡해지면 Redux, MobX 등의 외부 상태 관리 라이브러리를 사용하는 경우가 많습니다.