강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Milkyway님의 프로필 이미지
Milkyway

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

배포 전 Q&A

안녕하세요. 질문 있습니다.

해결된 질문

작성

·

262

0

안녕하세요. 강의를 한번 다 듣고 복습겸 혼자 사이드 프로젝트를 하다가 질문 드립니다.


현재 제가들은 강의 내용까지는 페이지 이동시 서버에서 내리는 데이터가 저장이 안되는거 같습니다. 예를 들면 강의 내용 기준으로 홈 화면(포스트 리스트가 있는 화면)에 있을때는 서버에서 내려주는 스토어인 __NEXT_REDUX_WRAPPER_HYDRATE__ 에 posts 안에 데이터가 있습니다. posts 데이터가 있는 상태에서 프로필 페이지로 이동하면 posts 데이터가 비워진 상태에서 해당 페이지에 필요한 데이터만 다시 채워주더라고요. 혼시 전 데이터를 유지한 상태에서 그 다음 데이터들을 덮어씌는 방식으로 데이터를 관리하는 방법은 없을까요?
서버사이드 렌더링을 하기 전에는 새로고침을 하지 않는 이상 posts 의 데이터가 지워지지 않는걸로 봤는데 이런 방법으로 데이터를 다룰수 있는지 궁금합니다.


찾아본 것중에 redux-persist 라는 것을 봤는데 이건 새로고침을 했을때 로컬스토리지에 데이터를 가지고 있다가 완전히 상실하지 않도록 도와주는 라이브러리 같아 제 상황과는 다르다고 생각했습니다.


힌트라도 주시면 혼자 찾아보겠습니다. 강의 잘 듣고 있습니다. 감사합니다.

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

질문 올리실 때 줄바꿈 신경써주세요. ㅠㅠ 읽기 너무 힘들었습니다.

강좌에서 간단하게 구현하고자 HYDRATE 액션에서 기존 데이터를 전부 없애고 새 데이터로 덮어씌우게 만들어서 이전 페이지 데이터가 유지되지 않는 것입니다. HYDRATE 액션에서 서버에서 바뀐 데이터만 바꾸도록 지정하면 됩니다.

Milkyway님의 프로필 이미지
Milkyway
질문자

동영상 페이지에서 줄바꿈해서 올렸는데 제대로 적용이 안됐네요ㅠㅠ 죄송합니다. 다음에는 질문글 작성 후 꼭 확인하도록 하겠습니다. 

그럼에도 친절한 답변 항상감사합니다!!

Milkyway님의 프로필 이미지
Milkyway

작성한 질문수

질문하기