# redux-persist
next.js api routes를 활용한 admin페이지 생성하기(with redux-persist)
next.js 프로젝트에서 관리자 로그인 페이지 구현하기.
[Redux] Redux-persist를 활용하여 로그인, 로그아웃 구현
로그인, 로그아웃을 구현하는 중 로그인 시에는 access token을 redux store에 저장하여 전역상태로 관리하고 로그아웃 시에는 저장되어있는 access token을 null로 변경하기 위한 작업이 필요했다. refresh token은 http only 옵
redux-persist
redux-persist는 리덕스 상태를 유지하고, 새로고침이나 브라우저를 닫았다 열었을 때에도 유지할 수 있게 해주는 라이브러리입니다.일반적으로 리덕스는 브라우저를 새로고침하거나, 브라우저를 닫았다 다시 열었을 때 리덕스 스토어의 상태가 초기화되어, 사용자의 입력값이
My-world 개발 보고서 : Redux Persist, useRef로 input 상태 업데이트
useRef로 input 다루기 react ts의 event handle redux persist
Redux-Persist : 어떻게 작동하고 어떻게 Persisted Store의 데이터가 변화하는지에 대하여
Redux persist는 브라우저의 로컬 저장소에 Redux 저장소를 저장할 수 있는 라이브러리입니다.그러나 redux-perist를 사용하고 스토어의 아키텍처를 변경하면 문제가 발생할 수 있습니다.
[Redux] redux-toolkit 사용시 redux-persist로 상태 유지하기, non-serializable 에러 해결
프로젝트에서 상태관리 툴로 Redux, Redux-toolkit을 채택하고 유저 정보를 전역적인 state로 관리하기로 했다. (isLogin, 닉네임, 이메일 등)그런데 Redux는 새로 고침을하면 저장되어있는 state가 없어지기 때문에 로그인 후 한번 저장하고 계
전역 상태 관리 redux 쓰게된 이유
리덕스를 왜써야할까요? c 언어에서 define처럼 전역 함수 처럼 사용할수있어서? 반은 맞습니다. https://www.geeksforgeeks.org/how-to-declare-global-variables-in-javascript/ 그럼 js나 reac
Issue (redux-persist failed to create sync storage. falling back to noop storage.)
SSR을 적용하고 나서, redux-persist가 서버사이드에서 동작할 때 발생한 이슈가 있었다.redux-persist github에 이미 이 이슈가 보고되었고, 서버사이드에서 정상 작동하도록 다음과 같은 코드를 redux 폴더 내 store.tsx 파일에 추가해줬
[Stack Overflow] 새로고침 시에도 유지되는 북마크 (redux-persist + redux-toolkit)
redux-toolkit으로 구현한 북마크 기능persistReducer의 두 번째 인자로 들어갈 리듀서 묶음 만들기모든 리듀서들을 하나로 합친다 (여기서는 reducers라는 변수명으로 저장)persistReducer의 첫 번째 인자로 들어갈 persistConfig
[React]redux-persist(새로고침해도 데이터 유지)
출처 https://tooo1.tistory.com/572https://kyounghwan01.github.io/blog/React/redux/redux-persist/#%E1%84%89%E1%85%A9%E1%84%80%E1%85%A2-%E1%84
Redux-persist 적용하기
유저가 로그인을 완료하게 되면 로그인한 유저의 정보를 전역 상태관리를 통해서 다른 컴포넌트에서 사용할 수 있도록 전해줘야 하는데, 정보가 저장되어도 새로고침 시 유저의 정보가 다시 날라가는 문제가 있었다. 이를 해결하기 위해서 유저의 정보를 유지할 수 있도록 redux
[react] redux-persist 특정 state만 적용하기
state를 새로고침 후에도 유지하기 위해 redux-persist를 사용한다. 보통은 reducer를 지정해 전체 state를 유지하지만, 특정 state만 유지하고 싶을 때도 있다. 이때 whitelist와 blacklist 옵션을 같이 사용하면 된다.(reduce
[React] redux-persist - 새로고침 후에도 store state 유지하기 (with typescript)
리덕스는 새로고침하거나 창을 닫으면 스토어에 저장된 state가 리셋된다. 로그인 정보를 store에서 관리하는 경우, 해당 state가 유지되어야 한다. 이 때 redux-persist를 사용하면 된다.App을 불러오면서 Local Storage에 저장된 유저 정보를
reduxToolkit 과 redux-persist 쓰는 법
지금까지 1번으로 해 왔는데 상당히 매우매우 귀찮다. 물론 2번 방법을 몰랐던건 아니다. 근데 왜 1번으로 했는가? 난 영어를 싫어했고, 공식문서를 읽기 싫었기 때문이다. 하지만 악깡버 하다 결국 오늘 결심했다."써야징"1.설치한다npm install @reduxjs/
redux-persist
Redux store를 브라우저에서 기본적으로 제공해주는 저장소인 localstorage와 sessiongstorage에 저장하게 해주는 라이브러리이다.persisConfig = {} : 새로운 persist 선언key : reducer의 어느 지점에서부터 데이터를 저
Redux-persist : 로그인 유지 구현하기
유저 정보를 저장, 새로고침 해도 유지되도록 함전체적인 흐름1\. createSlice로 state의 초기값들과 action creator와 reducer를 생성해준다.2\. 모든 slice들을 combineReducers으로 결합시켜서 하나로 모아준다.3\. 위에서
