inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

서버사이드 랜더링시 초기화 오류.. 서버포트 80?

미해결

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

안녕하세요.. 서버사이드 랜더링 이후에 데이터가 계서 InitialState로 덮어쓰길래.. 어떤 문제인지 확인해보기위해 로그를 찍어주니 80번 포트를 바라보면서 오류가 나더라구요.. 왠지 api 호출시에 포트번호를 자동으로 80으로 설정해주는 거 같은데... 노드버드는 프록시서버가 아니라 CORS 설정을 벡엔드에서 해주는 경우여서 알기가 어렵네요.. 혹시 이런경우 서버사이드 랜더링 서버포트를 따로 설정해야하나요? (현재 next start로 개발서버 돌리고 있으며, 3000번 포트) 참고로 axios로 api 서버(8080포트서버) 를 next.config.js 에서 rewrites 로 프록시서버설정을 통해 사용하고 있습니다.

  • hydrate
  • redux
  • getserversideprops
  • react
  • nodejs
  • express
  • Next.js
mincoln419 댓글 1 좋아요 0 조회수 453

hydrate 관련 질문

해결됨

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

안녕하세요 제로초님 뒤로가기시에 csr후에 ssr된 데이터가 넘어와서 csr데이터가 없어지는 이슈가 있습니다. 예를 들어 naverMap객체를 useEffect에서 redux데이터로 넣었는데 일반적으로 그 페이지를 들어갈 때는 const rootReducer = (state: any, action: any) => { switch (action.type) { case HYDRATE: return action.payload; default: { ... 이 부분이 먼저 실행되서 그 후 naverMap 객체가 들어가는데 뒤로가기시에는 bfCache 때문인지 저부분이 useEffect안에 있는 naverMap을 redux데이터에 넣는 코드보다 늦게 실행되서 결과적으로 없어지게 됩니다. 해결방법이 있을까요..?ㅠ

  • hydrate
  • nodejs
  • express
  • redux
  • react
  • Next.js
웹개발자 댓글 2 좋아요 0 조회수 341

reducer action HYDRATE

미해결

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

안녕하세요 강의중에 HYDRATE 설정 후 defalut: return state; 로 오류 해결 안내주신 후에 HYDRATE에 대한 설명이 없어서 HYDRATE 가 어떤 것이고 왜 사용되는지 알 수 있을까요?

  • hydrate
  • react
  • express
  • react
  • reducer
  • nodejs
  • redux
  • Next.js
임성규 댓글 2 좋아요 0 조회수 292

인기 태그

인프런 TOP Writers

주간 인기글