묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
서버사이드 랜더링시 초기화 오류.. 서버포트 80?
안녕하세요.. 서버사이드 랜더링 이후에 데이터가 계서 InitialState로 덮어쓰길래.. 어떤 문제인지 확인해보기위해 로그를 찍어주니 80번 포트를 바라보면서 오류가 나더라구요.. 왠지 api 호출시에 포트번호를 자동으로 80으로 설정해주는 거 같은데... 노드버드는 프록시서버가 아니라 CORS 설정을 벡엔드에서 해주는 경우여서 알기가 어렵네요.. 혹시 이런경우 서버사이드 랜더링 서버포트를 따로 설정해야하나요? (현재 next start로 개발서버 돌리고 있으며, 3000번 포트) 참고로 axios로 api 서버(8080포트서버) 를 next.config.js 에서 rewrites 로 프록시서버설정을 통해 사용하고 있습니다.
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
hydrate 관련 질문
안녕하세요 제로초님 뒤로가기시에 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데이터에 넣는 코드보다 늦게 실행되서 결과적으로 없어지게 됩니다. 해결방법이 있을까요..?ㅠ
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
reducer action HYDRATE
안녕하세요 강의중에 HYDRATE 설정 후 defalut: return state; 로 오류 해결 안내주신 후에 HYDRATE에 대한 설명이 없어서 HYDRATE 가 어떤 것이고 왜 사용되는지 알 수 있을까요?