ReactJS - What is ReactJS ReactJS는 무엇인가?

ReactJS - What is ReactJS  ReactJS는 무엇인가?

소개

ReactJS는 Facebook에서 개발한 front-end library이다.

web과 mobile apps를 위한 view layer를 조작하는 데 사용되어진다.

ReactJS는 재사용 가능한 UI components 생성을 할 수 있게 해준다..

React는 작성가능한 user interfaces를 구축하기 위한 library이다. React는 시간의 흐름에 따라 변하는 데이터를 제공하여 주는 재사용가능한 UI components의 생성을 장려한다.

많은 사람들이 MVC에서 V(View)로 React를 사용한다.

React는 DOM이 없이 보다 나은 성능과 보다 간단한 프로그래밍 모델을 제공하면서 추상화를 한다.

또한 React는 Node를 사용하여 server를 render할수 있으며, React Native를 사용하여 기본앱을 통제할 수 있다.

React는 상용구를 줄이고 전통적인 데이터 바인딩보다 추론하기 쉬운 단방향 반응형 데이타 흐름을 구현한다.

선수학습

ReactJS로 작업을 하기 위해서는 JavaScript, HTML5, CSS등의 견고한 지식이 있어야 합니다.

ReactJS에서 전반적으로 HTML을 사용하지 않더라도 JSX를 사용함에 있어서 당신의 HTML에 대한 지식은 많은 도움이 될 것입니다.

또한 ECMAScript 2015 문법을 사용하므로 이 영역에 대한 지식이 도움이 될 수도 있읍니다.

특성

JSX(JavaScript syntax extension): React를 개발함에 있어서 JSX는 필수사항은 아니지만 권장사항이다.

Components : React는 전체가 Components이다. React의 모든 것이 Component라 여기는것은  중요하다.

이 마인드는 큰규모의 project를 작업에서 code를 다룰 때 도움을 줄 것이다.

Unidirectional date flow and flux : React는 당신의 앱에 관해 추론하기 쉽게 만들어 줄 단방향 데이터 흐름구현한다.

Flux는 당신의 데이타를 단방향으로 유지하는데 도움을 주는 pattern이다.

License : React는 Facebook Inc. 에서 license가 부여되어졌다. 본 문서의 저작권은 CC BY 4.0을 따른다.

장점

JavaScript의 object인 virtual DOM은 regular DOM보다 빠르며 virtual DOM을 사용하므로서  앱의 성능이 향상된다.

다른 frameworks뿐만 아니라 client와 server side에서도 사용할 수 있다.

Component와 data patterns는 가독성을 증가시켜 보다 큰 앱을 유지보수 할 수 있게 해준다.

제한사항

앱의 view레이어만 다루므로 개발을 위한 완벽한 툴 세트를 얻으려면 다른 기술을 선택할 필요가 있다.

inline 템플릿과 JSX를 사용하기 때문에 일부 개발자들에게늘 어색해 보일 수 있다.

원문:  ReactJS_turorial을 중요 포인트만 번역한 것입니다.

주요 용어 설명

front-end=client side : 사용자에게 보여지는 화면_사용자와 서버측(back-end=server side)을 연결해주는 역할을 함.

[돌아가기]

ECMAScript 2015 : JavaScript -[표준화]-> ECMAScript

2015년6월 발표 이후의 브라우져에만 작동하며 이전 버전 작동하지 않음.

줄여서 ES2015라고 하는데, 이전 버전에서도 작동하게 하기위해 사용하는 번역기(Transpiler)를 Babel이라고 함.

[더 알아보기] [돌아가기]

MVC(Model-View-Controller) : 소프트웨어 공학적측면에서 보는 프로그램 설계의 한 구조

Model - 데이터구조 표현, 일반적으로 모델 클래스는 데이터를 추출, 입력, 갱신하는등의 함수를 포함.

View - 사용자에게 보여질 부분을 표현. 일반적으로 웹페이지만, CodeIgniter 에서는 view가 header나 footer처럼 웹페이지의 조각일 수 있다. 또한 RSS 페이지나, 혹은 다른 페이지 형태의 것일 수 있다.

Controller- 일반적으로 Model과 View(혹은 HTTP 요청을 처리하여 웹피이지를 생성하는 어떤 것)사이에서 동작한다.

[더 알아보기] [돌아가기]

CC BY 4.0(Creative Commons 4.0) : 저작자 표시 4.0 국제 저작권

저작자 표시(적절한 출처, 해당 저작권 링크, 변경이 있는 경우 공지)를 준수 하는 한 공유, 변경, 영리목적 이용가능

[돌아가기]