# Flux

60개의 포스트
post-thumbnail

Flux Pattern

Flux Pattern 의 개념과 저의 생각을 정리한 글입니다.

2023년 3월 14일
·
1개의 댓글
·
post-thumbnail

[Redux] Redux 와 Flux

상태관리 라이브러리

2023년 2월 24일
·
0개의 댓글
·

[Architecture] Design Pattern

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

2023년 2월 15일
·
0개의 댓글
·
post-thumbnail

FE MV* (2)

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

2023년 2월 6일
·
0개의 댓글
·
post-thumbnail

Redux: 뜻밖의 상태 관리 여정

과연 용사는 상태검을 뽑아 마왕의 모가지를 딸 수 있을 것인가

2023년 2월 3일
·
1개의 댓글
·
post-thumbnail

조각조각 - Software Architecture, Design Pattern, MVC, Flux, Redux [2]

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

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[ React.03.Flux 패턴 ]

단방향 데이터 바인딩, Flux 패턴에 대해 알아보자

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[React] react + redux

redux 쉽지 않다

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

Redux concept In-Depth Overview

Redux Concept

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

Redux 데이터 흐름(feat. Flux)

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

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

MVC 와 FLUX 패턴

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

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

useReducer

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

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

Context API 사용법 (2)

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

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

Context API 사용법

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

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

Flux 아키텍처란?

Flux 아키텍처에대해 알아보자.

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

[React.js] 상태관리

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

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

Flux

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

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

[React] Flux Architecture

Introduction

2022년 9월 5일
·
0개의 댓글
·