Redux 2

[ZICZONE 프로젝트] Redux를 사용한 알림 저장: Redux Toolkit 및 redux-persist를 활용한 상태 관리 방식

그때 구현할때도 어려웠는데 다시 봐도 어려워..... 우선Redux의 기본 사용 방식은createStore로 Store를 생성하고, 리듀서를 통해 상태를 관리하는 방식을 사용한다. 기본 Redux 사용 방식에서는 다중 리듀서를 관리하거나, 상태를 로컬 저장소에 영구적으로 저장하려면 추가적인 설정이 필요함. 🔍 상태 영속화 없음: 기본적인 Redux 설정에서는 상태를 로컬 저장소(localStorage)나 세션 저장소에 영구적으로 저장하지 않으며, 애플리케이션을 새로고침하면 상태가 초기화된다. -> 이거때문에 내가 뒤에서 설명하는 방식을 선택했다.import { createStore } from 'redux';import alarmReducer from './alarmReducer';// Store 생성..

[ZICZONE 프로젝트] Redux를 사용한 알림 저장: Redux란?

직존만들때 Redux 사용해서 실시간 알림을 저장했었는데 가물가물해서 다시 정리하면서 정확히(?)기억하려고 한다.ㅋㅋ Redux란?Redux는 JavaScript 애플리케이션에서 상태 관리를 위한 라이브러리여러 컴포넌트 간에 상태를 공유해야 할 때 애플리케이션의 모든 상태를 하나의 저장소에서 관리해준다! Redux의 특징은 단방향 데이터 흐름이다. (Action -> Reducer -> Store저장 -> View: UI에 보이게 됨) 이런 단방향 흐름 덕분에 상태 관리가 투명하고, 예측 가능한 방식으로 이루어질 수 있다.이로 인해 대규모 애플리케이션에서도 상태 관리를 일관되게 유지할 수 있게 된다!(이건 몰랐잔아) 1. Action: 상태 변경을 요청하는 ‘명령’이다. 보통 type 속성(액션 타입)과..