2. JSX, Flux 패턴

2.1 JSX

• JSX는 자바스크립트의 확장 문법으로, XML과 매우 비슷하게 생겼다.
  JSX는 리액트에서 컴포넌트의 생김새를 정의할 때 사용한다.
  JSX를 사용하면 마치 HTML을 작성하듯이 컴포넌트의 생김새를 정의할 수 있다.
  JSX는 리액트에서만 사용하는 것이 아니라, 다른 UI 라이브러리에서도 사용할 수 있다.
  JSX를 사용하면 가독성이 좋아지고, 더욱 높은 생산성을 얻을 수 있다.
  JSX를 사용하면 리액트 요소를 쉽게 작성할 수 있다.
  JSX는 리액트에서 컴포넌트의 생김새를 정의할 때 사용한다.
  JSX는 리액트 요소를 생성한다.

2.2 Flux 패턴

Flux 패턴은 리액트에서 가장 많이 사용하는 아키텍처이다.
Flux 패턴은 MVC 패턴과 비슷하다.
MVC 패턴은 Model, View, Controller의 약자이다.
Model은 데이터를 담당하고, View는 사용자에게 보여지는 부분을 담당하며, Controller는 Model과 View를 이어주는 역할을 한다.

Flux 패턴은 MVC 패턴과 달리 단방향 데이터 흐름을 가진다.
Flux 패턴은 MVC 패턴과 달리 데이터의 흐름이 단방향이다.
Flux 패턴은 MVC 패턴과 달리 데이터의 흐름이 단방향이기 때문에 데이터의 흐름을 예측하기 쉽다.
Flux 패턴은 MVC 패턴과 달리 데이터의 흐름이 단방향이기 때문에 데이터의 흐름을 예측하기 쉽고, 디버깅하기도 쉽다.
Flux 패턴은 Dispatcher, Store, View로 구성된다.
Dispatcher는 Action을 Store에 전달하는 역할을 한다.
Store는 데이터를 저장하고, View에 전달하는 역할을 한다.
View는 사용자에게 보여지는 부분을 담당한다.