잇스쿨

[React] 소개 본문

프론트엔드/React

[React] 소개

잇님 2020. 3. 5. 10:52

정의


페이스북, 인스타그램에서 사용자 경험을 향상하기 위해 만든 자바스크립트 라이브러리입니다.

= 사용자 인터페이스 라이브러리 (프레임워크가 아니다!)

지속해서 데이터가 변화하는 대규모 애플리케이션을 구축하기 위해 만들어졌습니다.

 

 

 

장점


1. 가독성

UI 컴포넌트를 만들어 가독성을 높일 수 있습니다.

 

2. 재사용성

UI 컴포넌트의 캡슐화를 통한 재사용이 가능합니다.

 

3. 유지보수

기존 코드를 모두 바꿀 필요 없이 수정이 필요한 UI 컴포넌트만을 수정하여 유지보수에 뛰어납니다.

 

즉, React는 UI 컴포넌트라는 개념에 집중되어 있는 라이브러리입니다.

리액트는 뷰만 관리하고, 나머지 기능은 3rd Party 라이브러리가 담당하게 함으로서, 다양한 시도를 할 수 있습니다.

 

[3rd Party 라이브러리]

Router: React-router, Next.js, After.js

상태관리: Redux, MobX, fr(e)actal

 

 

 

참고


1. https://ko.reactjs.org/ 

 

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

A JavaScript library for building user interfaces

ko.reactjs.org

React 공식 문서

 

 

 

2. https://codesandbox.io/s/new

 

React - CodeSandbox

React example starter project

codesandbox.io

온라인상에서 React 애플리케이션을 구현 가능

 

 

 

 

'프론트엔드 > React' 카테고리의 다른 글

[React] props 와 state  (0) 2020.03.05
[React] 컴포넌트 만들기  (0) 2020.03.05
[React] JSX  (0) 2020.03.05
[React] vscode 로 React Sample Application 실행해보기  (0) 2020.03.05
[React] 환경 구축  (0) 2020.03.05