사용자 인터페이스를 만들기 위한 JavaScript 라이브러리
React를 사용하지 않아도 HTML과 CSS, javascript 만으로도 웹 페이지를 만들 수 있지만 이는 단순한 정적인 화면을 만드는데 그치며,
React를 이용하면 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용하는 웹 프레임 워크입니다.
React.js, React 둘다 혼용하며, 다른 라이브러리들과 함께 사용할 수 있어 효율적인 라이브러리라고 할 수 있습니다.
React는 컴포넌트 기반으로 컴포넌트에 데이터를 흘려보내면 설계된 대로 UI가 조립되어 사용자에게 보여집니다.
웹을 만드는 데 꼭 필요한 도구들이 전부 기본적으로 제공되진 않으며 그런 만큼 가볍고, 선택의 폭이 넓습니다.
선언형
상호작용이 많은 UI에 유리하며 데이터가 변경될 때 효율적으로 렌더링 가능
컴포넌트 기반
하나의 컴포넌트로 묶어서 관리하여 복잡한 UI도 구성할 수 있으며 코드의 재사용과 유지보수 용이
어디에서나 사용
Node 서버에서 렌더링, 온라인 웹 사용 가능, React Native를 이용하면 모바일 앱 개발까지 가능
Virtual DOM
상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링, 최소한의 DOM처리로 컴포넌트 업데이트 가능
React의 장점
- 애플리케이션을 만들때 복잡성이 낮고 JavaScript 객체 형태의 Virtual DOM 을 사용하여 어플리케이션의 성능을 향상 시킵니다.
- 서버 사이드 렌더링과 클라이언트 렌더링을 둘 다 지원하며 브라우저 측의 초기 렌더링 딜레이를 줄이고, SEO 호환도 가능합니다.
- 다른 프레임워크나 라이브러리와 혼용하여 사용할 수 있어서 개발이 완료된 서비스에도 적응 가능합니다.
React의 단점
- SPA(Single Page Application)의 단점으로 앱의 규모가 커지면 느려집니다.
- view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야합니다.
- IE8 이하 버전들을 지원하지 않습니다.
