Skip to content

8. flux

happykim edited this page Dec 1, 2016 · 27 revisions

##Flux

Flux는 단순한 데이터 흐름으로 예측할 수 있는 상태의 코드를 만들기 위해 만들어진 패턴

기본 MVC 패턴

코드가 늘어날수록 흐름을 예측하기 어려움 MVC패턴, 그림처럼 Model과 View사이에 많은 참조 관계가 물려있다.

Flux 패턴

심플하고 단방향성으로 흐른다. View에서 Data를 변경하려면 무조건 Action을 통하는 방법밖에 없어 데이터의 흐름도 예외가 없다.


▶Flux 카툰 안내서에서 재공한 내용이다.

역할을 통한 내용으로 잘 설명되어 있다. 각 역할에 대한 설명이다.

액션 생성자(the action creator)

액션 생성자 : 어떤부분이 업데이트 되어야 하는지 정의 (전보기사) 변환해서 Dispatcher가 알 수 있도록 변환

디스패쳐(dispatcher)

디스패쳐 : (교환원) 액션을 받으면 액션을 읽고, 어떤 부분을 업데이트할지 정해줌 동기적으로 처리, 순서대로 처리 꼬이지 않는다.

스토어(store)

스토어 : (정부관료) 모든 상태와 관련된 로직을 가지고 있음

컨트롤러 뷰(the controller view)와 뷰(the view)

컨트롤러 뷰 : (발표자) 사람들이 알 수 있도록 HTML 변경


▶동작 순서

Clone this wiki locally