[React] 리액트란? (리액트 사용 이유)

React란?

사용자 인터페이스(UI)를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리

→ 리액트는 좀 더 UI 자체에 대해서 포커싱 되어 있는 라이브러리

 

프레임워크 VS 라이브러리

프레임워크는 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것
라이브러리는 어떠한 특정 기능을 모듈화 해놓은 것

이렇게 프레임워크는 앱을 만드는 데 필요한 대부분의 라이브러리를 가지고 있으며, 라이브러리들은 특정 기능을 위해 모듈화 되어 있다.

 

리액트는 라이브러리!

리액트는 전적으로 UI 랜더링 하는 데 관여하는 UI 라이브러리

따라서 뷰, 앵귤러와 같은 프레임워크에 비해서 아키텍쳐링에 유연하고, 리액트를 사용한 서드파티 라이브러리들이 굉장히 많기 떄문에 프로젝트에 따라서 필요한 라이브러이들을 접목시킬 수 있다는 이점이 있다.

 

화면을 바꾸는 라우팅은 react-router-dom 모듈을 사용하며, 상태 관리를 위해서는 redux, mobx 등 여러 모듈을 사용하고, 빌드를 위해서는 webpack, npm 등등, 테스팅을 위해서도 Eslint, Mocha 등을 이용할 수 있어 필요에 따라 선택할 수있다

 

Why React?

React 이전에는 상태가 변경될 때마다 직접 DOM을 조작하여 UI를 업데이트해야 했다.

프로젝트 규모가 커질수록 개발자가 상태 변경 로직과 UI 변경 로직 모두를 신경 써야 했고, DOM을 조작하고 매번 새로 렌더링하므로 성능 저하 문제가 발생했다.

따라서, 개발자가 상태 변경만 신경 쓰고 UI 업데이트는 라이브러리에서 처리하는 선언적 UI 와 Virtual DOM방식을 제공하는 React가 등장하게 되었다

이를 통해 개발자는 상태 변경에만 집중할 수 있고, 성능과 유지보수가 개선되었다.