[Fast Campus , React] 1. React란?

 

React란?

• 사용자 인터페이스 (UI)를 만들기 위한 Javascript 라이브러리
• 인터렉션이 많은 웹 앱을 개발하기 위해 주로 사용.
• Vue.js나 Angular.js와 많이 비교하게 된다
• Angular, Vue는 프레임워크. React는 라이브러리

React 나무위키 링크

 

Framework vs Library

프레임워크는 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있다

라이브러리는 어떠한 특정 기능들을 모듈화 해놓은 것

React가 라이브러리인 이유는 전적으로 UI를 렌더링 하는데 관여하기 때문

• 화면을 바꾸는 라우팅은 react-router-dom 모듈을 사용
• 상태 관리를 위해선 redux, mobx 등
• 빌드를 위해선 webpack, npm 등
• 테스트를 위해서는 Jest, Mocha 등

 

React를 사용하는 기업들은 국내외로 많다.

• 상대적으로 배우기 쉬운 라이브러리
• 여러 기능들을 위해 이미 만들어져 있는 라이브러리 환경
• 많은 기업들의 사용으로 검증이 된 라이브러리 (대표적으로 META)

 

Component : 리액트로 만들어진 앱을 이루는 최소한의 단위

인스타그램의 예시,

검색, 프로필, 스토리, 포스트 컴포넌트 등으로 구성.

하나의 컴포넌트를 여러 곳에서 사용할 수 있다.

 

Class형 / 함수형 컴포넌트 2종류가 있다

처음엔 클래스 컴포넌트를 이용해 많이 개발을 했지만,

리액트 Hooks라는 것을 개발한 이후부터는 함수형 컴포넌트를 이용해서 개발을 많이 한다.