겨리의 개발일기

Redux란? ✅ JavaScript 상태관리 라이브러리(리액트에 종속된 라이브러리 X) Redux의 기본 개념 1. Single source of truth ✅ 동일한 데이터는 항상 같은 곳에서 가지고 온다. → 스토어라는 하나 뿐인 데이터 공간이 있다. 2. State is read-only ✅ 액션이라는 객체를 통해서만 상태 변경이 가능하다. 3. Changes are made with pure functions ✅ 변경은 순수함수로만 가능하다. → 리듀서와 연관되는 개념 설치방법 # npm npm install redux react-redux # yarn yarn add react-redux store 생성과 reducer ⭐ store 생성시 reducer를 반드시 주입해야한다. reducer ..

Programming/React 2023. 7. 4. 18:57

프로젝트에서 store를 열심히 써먹었지만 Vuex 개념이 아리송해서 다시 정리..😂 Vuex - 무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리 - React의 Flux 패턴에서 기인함 ✔ Flux란? - MVC 패턴의 복잡한 데이터 흐름 문제를 해결하는 개발 패턴- Unidirectional data flow Action → Dispatcher → Model → View 1. action : 화면에서 발생하는 이벤트 또는 사용자의 입력 2. dispatcher : 데이터를 변경하는 방법 3. model : 화면에 표시할 데이터 4. view : 사용자에게 비춰지는 화면 * 데이터의 흐름이 여러 갈래로 나뉘지 않고 단방향으로 처리됨 Vuex가 왜 필요한가? - 복잡한 애플리..

Programming/Vue.js 2022. 3. 16. 16:50