# Flux
[Architecture] Design Pattern
어플리케이션 설계에서 자주 발생하는(되풀이되는) 문제에 대한 모범 답안 혹은 공략집.검증된 해결책이미 검증된 방식으로 구현된 구조를 활용하여 생산성을 높히고 효과적으로 해결방안을 찾음효율적인 소통 방식복잡도가 높아지는 상황에서 사전에 약속해 둔 용어들로 표현하여 효율을

FE MV* (2)
Flux는 사용자 입력을 기반으로 Action을 만들고 Action을 Dispatcher에 전달하여 Store(Model)의 데이터를 변경한 뒤 View에 반영하는 단방향의 흐름으로 애플리케이션을 만드는 아키텍처 스타일대규모 애플리케이션에서 데이터 흐름을 일관성 있게

조각조각 - Software Architecture, Design Pattern, MVC, Flux, Redux [2]
조각조각 - Software Architecture, Design Pattern, MVC, Flux, Redux \[1]이전 게시글에서 mvc, fluxmodel controller viewmvc 그림 1컨트롤러가 모델 조작모델이 뷰 업데이트뷰도 모델을 업데이트양방향

Redux 데이터 흐름(feat. Flux)
tl;dr Redux를 통해 상태를 전역에서 관리할 수 있다. Flux 패턴으로 전역 상태도 단방향 흐름을 유지할 수 있다. 들어가며 순수 React만을 사용하여 상태 관리를 하다 보면 숱하게 많은 어려움을 겪게 됩니다. React의 단방향 데이터 흐름이라는 특성 때

MVC 와 FLUX 패턴
MVC는 Model, View, Controller의 약자입니다. Model에 데이터를 저장하고, Controller를 이용하여 Model의 데이터를 관리(CRUD)합니다. Model의 데이터가 변경되면 View로 전달되어 사용자에게 보여집니다. 또한 사용자가 View

useReducer
Flux 패턴에서 자주 쓰이는 reducer, dispatch 등을 useReducer를 사용해서 알아보겠습니다.먼저 counter 컴포넌트를 만들어 보겠습니다.useState 로 만들어진 컴포넌트를 useReducer 를 사용해서 리팩토링 해보겠습니다.실행결과는 완벽

Context API 사용법 (2)
저번에 Context API 로 전역적으로 값을 사용하는 법을 배웠습니다.이번에는 사용하는 것 뿐만아니라, 값을 변경하는 법을 배워보겠습니다.저번 처럼 기본적인 Provider 가 아닌, 많은 기능을 가진 context를 만들기 위해서는 Custom Provider 에

Context API 사용법
Flux는 사용자 입력을 기반으로 Action을 만들고 Action을 Dispatcher에 전달하여 Store(Model)의 데이터를 변경한 뒤 View에 반영하는 단방향의 흐름으로 애플리케이션을 만드는 아키텍처입니다. 구조는 다음의 그림과 같습니다.하지만, 모든 상태

[React.js] 상태관리
상태관리 지난 포스트에서는 상태에 대해서 알아보았다. 상태란 데이터 바인딩을 통해 변경되는 데이터를 표현하고자 할 때 사용되는 변수라고 정의했다. 그렇다면 이번엔 상태관리는 무엇이고 왜 중요하다고 계속 언급되는건지 조금 알아보려 한다. 상태관리 상태관리란 해석하자면

Flux
Flux 출현 배경기존의 어플리케이션 환경에서 보편적으로 사용되는 패턴은 MVC이다. Model에 데이터를 정의해 두고, Controller를 이용해 Model 데이터를 생성, 조회, 수정, 삭제하고 변경된 데이터는 View에 출력되면서 사용자에게 전달된다.이 패턴의