Flux 구조 /

Flux 구조에 대해 들어보셨어요?

Flux는 facebook에서 만든 client-side web applications을 구축할 때 사용하는 앱 구조 / 디자인 패턴 이다.

• 'MVC(Model-View-Controlle)구조의 단점을 보완할 목적으로 개발
• 대규모 프로젝트에서 복잡해지는 MVC 구조의 단점을 보완하는 단방향 데이터 흐름
• 데이터 흐름 : 디스패쳐 > 스토어 > 뷰

Dispatcher

• 디스패쳐는 Flux 어플리케이션의 데이터 흐름을 관리하는 허브 역할
• 액션을 통해 스토어에 접근시 거쳐야함

Action

• 디스패쳐를 통해 스토어에 변화를 일으킨다 / 디스패쳐의 데이터 묶음을 액션

Store

• 상태를 저장

View or View Controller

• 상태를 보여주거나 입력받을 화면을 보여줌

단방향 flow