1. 리액트(React)

자바스크립트 기반 프레임워크 : AngularJS, Backbone.js , Derby.js, Ember.js, Ext.js, Knockback.js , Sammy.js , PureMVC , Vue.js 등

1. 리액트(React)

- 최대한 성능을 아끼고 편안한 유저 경험(user experience)을 제공하면서 구현하려고 개발한 것

- 리액트는 자바스크립트 라이브러리로 유저 인터페이스를 만드는데 사용. 오직V(View)만 신경 쓰는 라이브러리

- 프론트엔드 어플리케이션 개발의 핵심 부분에 중점을 두고 있음.

 

2. 컴포넌트(component)

- 특정 부분이 어떻게 생길지 정하는 선언체, 구현하고자 하는 기능을 캡슐화 하는 기본 단위

- 데이터를 다루며 그 결과로 UI를 렌더링한다.

- 컴포넌트는 재사용이 가능한 API로 수많은 기능들을 내장하고 있음

- 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의한다.

 

3. 렌더링 : 사용자 화면에 뷰를 보여 주는 것

 

3.1 초기 렌더링

- 어떤 UI 관련 프레임워크, 라이브러리를 사용하든지 간에 가장 처음 어떻게 보일지를 정하는 초기 렌더링이 필요하다.

- 리액트에서는 render 함수가 있다.

- render 함수 : 컴포넌트가 어떻게 생겼는지 정의하는 역할

 

4.리액트 라이브러리

- 리액트 코어 라이브러리는 react-dom 및 react-native 라이브러리와 함께 동작하며 컴포넌트의 명세 및 정의에 중점을 두고있다.

- React-dom 라이브러리는 UI를 렌더링할 수 있는 렌더러 중 하나를 구현한 라이브러리로 브라우저 환경 및 서버측 렌더링 기능의 구현을 목적으로 한다.

- React-navite 라이브러리는 네이티브 플랫폼에서의 UI렌더링을 위한 라이브러리로 iOS, 안드로이드 등 다른 플랫폼을 위한 리액트 애플리케이션을 개발할 때 활용한다.