React) React.js - 왜 리액트를 배워야할까?

 

이 기술을 배워야하는지?

 

 

 

 

1 / 누가 이 기술을 사용하는지, 규모가 어느정도 되는지.

 

2 / 사용하는 이들에게 얼마나 중요한 기술인지. 

 

3 / 계속해서 사용 가능한지. (전망)

 

- 리액트는 FaceBook에서 처음 만들었고,

모든 FaceBook 웹사이트를 다시 만들었다.

 

4/ 큰 커뮤니티를 가지고 있다.

 

- 자바스크립트와 아주 가깝기 때문에 

대부분의 작업은 js 작업이다.

>> 더 나은 js 개발자가 되기 위해 배우는 라이브러리.

 

5/ 리액트를 기반으로 제작하는 프레임워크 등이 존재.

-> 예- 리액트 native. (리액트 JS로 안드로이드 or iOS 어플 제작 가능)

 

 

 

 

 

React 시작하기 - Web 개발 학습하기 | MDN

 

필요한 사전 지식:

코어 HTML, CSS, 및 JavaScript 언어에 익숙할 것. 터미널/커맨드라인 (en-US)에 대한 지식. React는 JSX(JavaScript와 XML)라는 HTML-in-JavaScript 문법을 사용합니다. HTML와 JavaScript에 익숙하다면 JSX를 배우는 것에 도움이 됩니다. 또한 애플리케이션에서 발생하는 버그가 JavaScript와 관련이 있는지 아니면 React의 구체적인 도메인과 관련이 있는지 수월하게 식별하는 것에 도움이 됩니다.

 

React는 사용자 인터페이스를 만들기 위한 라이브러리입니다. 

React는 프레임워크가 아니고, 심지어 웹에만 사용할 수 있는 것도 아닙니다. 

React는 다른 라이브러리들과 함께 특정한 환경을 렌더링하는 데 사용됩니다. 

가령, React Native는 모바일 애플리케이션을 만드는 데 사용될 수 있고, 

React 360은 가상 현실 애플리케이션을 만드는 데 사용할 수 있습니다. 

 

웹을 만들기 위해서 사용자는 React를 ReactDOM과 함께 사용해야 합니다. 

React와 ReactDOM은 다른 실제 웹 프레임워크들과 동일한 공간에서 논의되고 동일한 문제를 해결하기 위해 사용됩니다. 

React를 "프레임워크"로 지칭할 때는 통상적인 뜻으로 받아들이면 됩니다.

 

React의 주요한 목표는 개발자가 UI를 만들 때 일어나는 버그들을 최소화하는 것입니다.

이를 달성하기 위하여 React는 사용자 인터페이스의 일부를 나타내는 자족적이고, 논리적인 코드 조각인

컴포넌트들을 사용합니다.

이 컴포넌트들은 함께 전체 UI를 구성할 수 있고,

React는 렌더링 작업의 대부분을 추상화하여 개발자가 UI 디자인에 집중할 수 있게 합니다.

 

React는 인터페이스의 일부분을 위하여 사용할 수 있지만, 

jQuery와 같은 라이브러리 혹은 Vue와 같은 프레임워크처럼 애플리케이션 "안에 넣는" 것은 어렵습니다..

React는 애플리케이션 전체를 만들 때 사용하기가 보다 쉽습니다. 

 

React는 많은 패턴에 모던 JavaScript의 특징을 이용합니다. 

JavaScript와 가장 다른 부분은 JSX 구문의 사용입니다. 

JSX는 JavaScript의 구문을 확장하여 HTML과 유사한 코드를 함께 사용할 수 있도록 합니다. 

다음은 JSX 구문의 예시입니다.

const heading = <h1>Mozilla Developer Network</h1>;

 >> 어플리케이션에 <h1>태그를 렌더링할 때 사용함.