inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

배포 전 Q&A

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

해결된 질문

266

Milkyway

작성한 질문수 35

0

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


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


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


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

redux express react nodejs Next.js

답변 1

0

제로초(조현영)

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

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

0

Milkyway

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

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

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

199

1

특정 페이지 접근을 막고 싶을 때

0

117

2

createGlobalStyle의 위치와 영향범위

0

104

2

인라인 스타일 리렌더링 관련

0

98

2

vsc 에서 npm init 설치시 오류

0

159

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

164

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

359

1

url 오류 질문있습니다

0

218

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

393

1

sudo certbot --nginx 에러

0

1296

2

Minified React error 콘솔에러 (hydrate)

0

481

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

257

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

341

1

npm run build 에러

0

526

1

front 서버 npm run build 중에 발생한 에러들

0

399

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

351

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

291

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

251

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

207

1