React란 무엇인가?

🤔 리액트란?

리액트(React, React.js 또는 ReactJS)는 선언적, 효율적으로 유연하게 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리의 하나로, 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수되며 지금도 계속 업데이트 중인 프로젝트입니다.

 

f(data) = View

🤔 자바스크립트 라이브러리란?

페이지를 정적으로 보여주는 게 아닌 동적으로 보여주고 싶다면 자바스크립트를 이용하게 됩니다. 하지만 웹 개발 시 DOM 관리 및 상태값 업데이트 관리등 귀찮은 것들을 최소화하고 오직 기능 개발, 사용자 인터페이스(UI)를 구현하는 것에 집중하기 위해 만들어진 프로젝트들로 React, Angular, Vue가 자바스크립트 라이브러리에 속한다.

리액트의 특징

• 뷰 담당 - MVC모델 중 View만 담당한다.
• 드넓은 생태계 - 과거 jQuery가 유행했을 때에 버금갈만큼 다양한 종류의 리액트 라이브러리가 있다.
• 높은 자유도 - 프레임워크인 Vue.js나 Angular와 달리 라이브러리로 관리되기 때문에 다양한 패키지들과 함께 사용할 수 있다. e.g. React Router, Axios, ...
• 선언적 - 리액트는 데이터가 변경될 때 렌더링을 수행함으로써 사용자와의 상호작용이 필요한 UI 제작을 쉽게 만들어줍니다.
• 컴포넌트 기반 - 리액트는 다양한 캡슐화된 컴포넌트들을 이용하여 이를 잘 조합하여 복잡한 UI를 만들게 해줍니다.
• 한 번 배우면, 어디서는 사용 가능 - 리액트는 Node.js를 이용하여 서버에서도 랜더가 가능하고, React-Native를 이용해서 모바일 앱을 만들 수도 있습니다.
• 오픈소스 - 페이스북에 의해 관리되는 오픈소스이다.
• 프론트엔드의 지배자 - 다른 프레임워크에 비해 현저히 높은 구글 트랜드 지수와 스택오버플로우 질문수, 깃헙 프로젝트 수를 가지고 있다.

리액트 관련 페이지

• 리액트 Github 페이지
• 리액트 공식 홈페이지
• 리액트 공식 문서
• 리액트 공식 튜토리얼
• 리액트 시작하기

 

출처: https://geonlee.tistory.com/31 [빠리의 택시 운전사]