[React] 리엑트란?

 요즘 React라는 단어가 귀에 많이 들어온다. 왜 일까?

강의를 보며 개념을 정리해 보았다

 

We built React to solve one problem:

building large applications with data that changes over time.

 

React

- JavaScript 어플리케이션을 구조화 하려고 사용하는 라이브러리이다.

- 프레임 워크가 아닌 라이브러리 이다.

- 리엑트는 user interface를 만들기 위한 것이다. 이게 전부

- 가볍다.

- 리엑트와 엥귤라는 비교 대상이 아니다. 엥귤라는 프레임 워크니깐.

- Virtual DOM사용 

- 배우기 간단하다

- 뛰어난 GC(Garbage Collection)

- 서버사이드 & 클라이언트 렌더링 둘을 지원한다.

- 서버사이드 렌더링으로 검색엔진 최적화

(서버에서 클라이언트에 표시할 내용을 미리 준비하고 클라이언트에 바로 보여진다)

- VIEW ONLY

- IE8 이하 지원하지 않는다.

 

프레임워크

- 이미 틀이 완성되 있어서 내가 원하는 내용들로 채워 나가는 것

- 틀에서 벗어나기 어렵다.

- 사용하지 않는 기능도 있어 상황에 따라 무겁게 느낄수 있다.

 

라이브러리

- 상황에 따라 가져다 쓰면 된다.

 

용어정리

ES6 - 2015년에 업데이트 된 공식 자바스크립트 문법

Redux - 페이스북의 라이브러리, 어플리케이션의 상태를 관리

Webpack - 프로젝트를 빌드하는 것을 도와준다.

Babel - ES6문법을 ES5문법으로 변환해준다. 

Express - node.js환경에서 웹서버 열수있게 하는 프레임워크

MongoDB - sql 데이터 베이스 

mongoose - MongoDB를 간편하게 사용할 수 있는 프레임 워크

 

 

인프런. react (React & Express 를 이용한 웹 어플리케이션 개발하기