React

React 새로고침 데이터 저장

JunsC 2024. 6. 9. 19:28
728x90

리액트 작업 중 회원가입 페이지에서 새로고침했을때 기존에 input 태그에 입력했던 정보들이 전부 없어져버렸다.

Redux 를 사용하고 있어서 새로고침되면 자동으로 저장되어 기존 데이터를 유지할 줄 알았는데 그게 아니였다.

원래 새로고침시 특정 조치를 취하지 않는 이상 데이터가 휘발되어 버린다...

 

persistance .. 단어 부터 영구적이다

 

Redux persistance 적용 후 원하던 대로 기능이 작동되었다. 새로고침해도 필요한 데이터는 남아있게 되었다.

 

 

https://choyeon-dev.tistory.com/14

 

[Redux-persist] 새로고침에도 유지되는 store (with Redux-toolkit)

🤔 1. redux-persist를 사용한 이유 프로젝트 중 로그인 기능을 구현하는데, 서버로부터 받아온 회원정보를 저장해야했다. 예를 들어 로그인한 유저의 username, email 등은 프로젝트 전반에 필요한 정

choyeon-dev.tistory.com

 

 

Redux 는 React 에서 사용하는 api 기술관리 중 하나이다.

처음에는 ContextApi 로 전역관리를 하면서 api 도 같이 작업하고 있었다. 사실 이 Context Api 로도 큰 불편함은 느끼지 못했다. 그래서

Redux 도 나중에 해야겠다 생각했는데 기술 공부 측면에서 도입하게 되었다.

 

초기 설정은 복잡하고 오래 걸리지만 나중에 Context Api 처럼 쉽게 사용할 수 있고 타입관리도 되며 Redux 를 지원해주는 라이브러리들이 다양해서 사용하기 편하다고 느낄때가 올것이다. ㅎㅎㅎ