[⚛React] React 기본 개념

🤔 리액트란?

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

리액트의 개념은 다음과 같은 함수로 표현 가능하다.

f(data) = View

페이지에 동적인 상호작용을 넣고 싶을 때 우리는 자바스크립트를 이용하게 된다. 하지만 웹 개발 시 DOM 관리 및 상태값 관리 작업은 프로젝트가 커질 수록 논리가 복잡해질 수록 귀찮고 머리 아파진다. 이러한 것들을 최소화하고 오직 기능 개발과 사용자 인터페이스(UI) 를 구현하는 것에 집중하기 위해 React 같은 라이브러리가 탄생되었다.

리액트의 특징

리액트는 다음과 같은 특징을 가지고 있다.

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

리액트 관련 페이지

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