본문으로 바로가기

React 시작.

category 개발/React 2019. 6. 21. 10:48

react[riːǽkt] 
[동] 반작용하다, 반응하다

무엇을 공부하기 시작했을때 핵심타이틀이 가지는 뜻부터 짚고 넘어가는 것은
꽤 의미있는 일이라고 생각한다. 
react라는 라이브러리는 위의 단어 설명서보듯 반작용하다, 반응하다라는 뜻이다.
데이터가 변경되면 뷰를 업데이트해주기 때문에 React 라고 이름지은것 같다.

 

FLUX / MVC
이 둘은 디자인패턴으로
MVC같은 경우는 사용자의 Action이 있을경우 Controller에서 Action을 분석 후 Model에서 데이터를 조회, 수정, 삭제하여 이를 View에 반영한다. 
프로젝트가 커지고 많은 모델과 많은 뷰가 생성될 경우 복잡도가 높아져서 비효율적.
이를 해결하기 위한 새로운 패턴이 FLUX
어떤 Action이 발생했을 때 Dispatcher(배치 담당자, 메시지를 보내다, 보내다, 운행관리원 등의 느낌으로 이해)가 Action을 통제하여 Store(App의 모든 데이터)의 데이터를 업데이트. 변동된 데이터가 있는 경우 View는 리렌더링.
View에서 Dispatcher로 Action을 보낼수도 있음.

 

Redux
위의 FLUX 아키텍쳐를 편하게 사용할 수 있는 라이브러리 

 

정리
리액트는 앱내에서 발생하는 액션들을 디스패처가 캐치하여 데이터가 변경될 경우 뷰를 업데이트해주는 라이브러리.
이 과정을 FLUX패턴이라고 하며 Redux가 FLUX패턴을 잘 구현하도록 도와줌.

'개발 > React' 카테고리의 다른 글

Actions  (0) 2019.06.21
Views와 Controller-Views  (0) 2019.06.21
Stores  (0) 2019.06.21
Dispatcher  (0) 2019.06.21
Flux  (0) 2019.06.21