한국어
팁/강좌/노하우
 

테크 Flux 어플리케이션 아키텍쳐

makersweb 2018.01.30 09:25 조회 수 : 239

클라이언트-사이드 웹 어플리케이션을 만들기 위해 단방향 데이터 흐름을 활용하는 어플리케이션 아키텍쳐다. 

 

Flux 어플리케이션은 다음 핵심적인 세가지 부분으로 구성되어 있다: Dispatcher, Stores, Views(React 컴포넌트). Model-View-Controller와 혼동해서는 안된다. Controller도 물론 Flux 어플리케이션에 존재하지만 위계의 최상위에서 controller-views - views 관계로 존재하고 있다.

 

Flux는 MVC와 다르게 단방향으로 데이터가 흐른다. React view에서 사용자가 상호작용을 할 때, 그 view는 중앙의 dispatcher를 통해 action을 전파하게 된다. 어플리케이션의 데이터와 비지니스 로직을 가지고 있는 store는 action이 전파되면 이 action에 영향이 있는 모든 view를 갱신한다. 이 방식은 특히 React의 선언형 프로그래밍 스타일 즉, view가 어떤 방식으로 갱신해야 되는지 일일이 작성하지 않고서도 데이터를 변경할 수 있는 형태에서 편리하다.



로그인 시 글 전체를 열람하실 수 있습니다.
번호 제목 글쓴이 날짜 조회 수
44 [KISA핀테크 아카데미] 서비스 개발 기초 과정 교육생 모집(인슈어테크) 핀테크아카데미 2022.08.30 321
43 ChromeOS Flex 설치 및 맛보기 file makersweb 2022.07.28 31
42 iOS 앱에서 다른 장치와 시리얼 통신 file makersweb 2022.04.28 1858
41 BLE 최대 전송 단위(MTU) file makersweb 2022.04.10 628
40 Sciter 엔진기반 HTML, CSS 및 스크립트를 사용하여 크로스 플랫폼 데스크톱 애플리케이션 구축 file makersweb 2022.03.28 2423
39 LSP (Language Server Protocol) file makersweb 2022.02.07 93
38 IT 관련 유용한 사이트 공유합니다 예니 2020.07.19 2790
37 윈도우 Chocolatey 패키지 관리자 설치방법 file makersweb 2019.11.17 799
36 윈도우10에서 RSS 피드를 구독하는 방법 makersweb 2019.10.01 1720
35 Microsoft 터미널 및 코드 편집기를위한 새로운 오픈소스 폰트 file makersweb 2019.09.20 1066
34 git 로그를 심플하고 직관적으로 보기 file makersweb 2019.09.16 319
33 Webhook(웹후크)란 무엇인가 makersweb 2019.07.22 6205
32 故박경리 작가 손글씨, 무료 글꼴로 공개 makersweb 2019.01.05 283
31 저렴한 비용으로 만든 비트코인 하드웨어 지갑(Cold storage) file makersweb 2018.12.27 515
30 어떤 프로젝트, 이슈관리 도구를 써야할까? file makersweb 2018.02.27 7609
29 웹기반 리눅스(유닉스) 시스템 관리 도구 - webmin file makersweb 2018.02.19 1824
28 한글 무료 폰트 모음 makersweb 2018.02.03 889
27 재밌는 퀴즈로 쉐이더 프로그래밍 배우기 file makersweb 2018.02.01 381
» Flux 어플리케이션 아키텍쳐 file makersweb 2018.01.30 239
25 죄와 벌 (완역본) Prestuplenie i nakazanie Pjk 2011.02.13 4430