본문 바로가기

redux2

Flux Design Pattern 이해하기 (+ 단방향, 양방향 데이터 바인딩) MVC 디자인 패턴이 아닌 Redux의 주개념이자, 리액트를 사용하면서 컴포넌트끼리 데이터를 교류할 때, 글로벌 이벤트 시스템을 설정하는 방법인 Flux 디자인패턴에 대해 알아보고 왜 facebook에서 react와 함께 MVC가 아닌 Flux를 적용하게 되었는지 알아보자 MVC의 한계와 Flux의 등장 개발자라면 한번쯤은 MVC(Model-View-Controller) 디자인 패턴을 사용하여 개발을 해봤을 것이다 그만큼 이 패턴은 어플리케이션 개발에 있어 널리 사용되는 디자인 패턴인데 대채 어떤 부분의 문제가 있길래 Facebook은 Flux라는 디자인패턴을 정의하게 되었을까? 한계 컨트롤러는 모델의 데이터를 조회하거나 업데이트 하는 역할을 하며 모델의 변화는 뷰에 반영된다. 또한 사용자는 뷰를 통해 .. 2021. 10. 11.
리덕스(Redux), 리덕스 미들웨어(Redux-Middleware) 이해하기 리덕스(Redux) 이해하기 리덕스(Redux)란? 스토어(Store)라는 저장소를 가지고 상태데이터(State)들의 모음을 저장해두고 액션(Action)으로만 이 상태데이터(State)를 변경할 수 있도록 하는 제한 액션(Action)으로 상태데이터(State)를 변경하기 위해서는 스토어(Store)에 디스패치(Dispatch)를 해줘야 함 리덕스 미들웨어 (Redux Middleware) 네트워크 요청의 상태관리와 전달받은 데이터 상태관리를 더욱 효율적이고 쉽게 할 수 있도록 도와 주는 것 리덕스 미들웨어의 역할 Action이 Dispatch 되어서 이를 처리하기 전에, 사전에 지정된 작업들을 설정 함 미들웨어는 “Action과 Reducer 사이의 중간 역할자” 라고 이해 할 수 있음 Reducer.. 2020. 5. 22.