[⚛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를 이용해서 모바일 앱을 만들 수도 있습니다.
- 오픈소스 - 페이스북에 의해 관리되는 오픈소스이다.
- 프론트엔드의 지배자 - 다른 프레임워크에 비해 현저히 높은 구글 트랜드 지수와 스택오버플로우 질문수, 깃헙 프로젝트 수를 가지고 있다.
리액트 관련 페이지
반응형
'Web > React' 카테고리의 다른 글
직접 제작한 리액트-타입스크립트-보일러플레이트 소개 (0) | 2020.03.15 |
---|---|
리액트에서 새로고침을 해야 함수가 작동하는 경우 (2) | 2020.03.02 |
[⚛React] React Element, React Component 그리고 JSX (0) | 2020.01.19 |
[⚛React] 🐶 이모지를 이용한 빙고게임 만들기 (1) | 2019.01.31 |
React로 WYSIWYG 에디터 뭘로 시작하지? (4) | 2018.12.20 |
댓글
이 글 공유하기
다른 글
-
리액트에서 새로고침을 해야 함수가 작동하는 경우
리액트에서 새로고침을 해야 함수가 작동하는 경우
2020.03.02 -
[⚛React] React Element, React Component 그리고 JSX
[⚛React] React Element, React Component 그리고 JSX
2020.01.19 -
[⚛React] 🐶 이모지를 이용한 빙고게임 만들기
[⚛React] 🐶 이모지를 이용한 빙고게임 만들기
2019.01.31 -
React로 WYSIWYG 에디터 뭘로 시작하지?
React로 WYSIWYG 에디터 뭘로 시작하지?
2018.12.20