store (2) 썸네일형 리스트형 Vuex 정의 vue.js의 상태 관리를 위한 패턴이자 라이브러리 중앙 집중식 저장소 역할 컴포넌트 개수가 많아지면서 컴포넌트간 데이터 전달(props, emit)이 어려워짐 여러개의 컴포넌트에서 같은 데이터를 동기적으로 업데이트 flux패턴에서 영감을 받음(단방향 데이터 흐름) flux: MVC 패턴의 복잡한 데이터 흐름 문제를 해결하는 개발 패턴 MVC: 하나의 컨트롤러가 여러개의 model, view를 컨트롤하는데 제약이 없어 기능 추가 및 변경시 생기는 문제점 예측이 어려움 actions mutations에 대한 커밋 비동기적 작업 포함 mutations 스토어의 상태를 변경할 수 있는 유일한 방법 반드시 동기적이어야함 commit 메소드의 호출되어 상태의 변경이 비동기적이면 상태 추적이 어려워지기 때문 .. Redux 동기 항상 변할 수 있는 상태를 업데이트하는 위치와 주체가 다르기때문에 ->상태를 언제, 왜 어떻게 업데이트 할지 제어하기위해 react 에서는 뷰레이어에서 비동기와 DOM 조작을 없애버렸음 → react에서는 데이터를 관리하는일에 관여하지 않음 redux는 상태변화가 일어나는 시점에 제약을 두어 상태 변화를 예측 가능도록함 react의 context API 에서 useReducer를 사용하면 유사함 다만, useReducer 가 존재하기도 전에 만들어져서 글로벌 상태관리로 많이 사용됨 redux vs context API 미들웨어 redux에만 존재함 미들웨어를 사용하여 action 객체가 reducer에게 처리되기 전에 특정 작업 수행 가능 ex) 특정 조건에 따라 action 무시, action 출.. 이전 1 다음
