계속해서 이전의 사용자로 로그인되는 문제

그렇게해도 변화가 없습니다...ㅠ 그렇다면 어떻게 접근할수 있을까요?

kakao 로그인 구현 시 시퀄라이즈 관련 에러

passport.deserializeUser 에서 DB에서 유저 데이터 검색해서 찾아올 때 include에 문제가 있었더군요. 다행히 발견했습니다. 답변 안 해주셔도 되요 ㅎㅎ

styled components 스타일이 약간의 딜레이 후에 적용되는 현상

_document.js 생성해서 styled components가 SSR시 적용되게 해주어야 하는 것을 하지 않았었네요. 강의에서 이 파트 후반부에 있어서 간과하고 있었습니다. 답변 감사합니다!

Warning: React DevTools encountered an error: RangeError: Invalid array length

그럼 3버전으로 한번 시도를 해보고싶네요. 저 때문에 공지 글 내리셔서 관련 글 볼수가없네요. 3버전 설치방법 링크 알려주시면 감사하겠습니다.

favicon이 보이지 않습니다..

favicon쪽도 브라우저에서 캐싱이 되는건지, 사파리에서는 되길래 크롬에서 캐시 비우고 새로고침해보니 되네요. 그런데 source 탭에서는 찾지를 못하겠습니다... (사진)

무한 스크롤 관련 질문!

제너레이터 함수라서 가능한거군요. 그래서 첫번째 yield(중단점)까지 실행(서버로 요청하는 함수 호출 파트)되는 건 막을 수 없는 거네요. 많이 배우고 갑니다. 감사합니다!!

무한 스크롤 관련 질문!

네 빠르게 하니 LOAD_MAIN_POSTS_REQUEST가 2번 연속 가는 현상, 그리고 같은 post 요청이 중복(2번 초과되는 경우도 포함)되어 발생하는 현상도 발생하네요. 프론트단에서 리덕스 액션이 연속적으로 발생하거나 하는 부분은 takeLatest가 컨트롤하지 못한다는 것을 알겠습니다. takeLatest의 두번째 인자에 들어가는 함수(첫번째 인자에 반응해서 호출되는; 위의 예시에선 loadMainPosts 함수)의 경우 실행되고 있을때, 같은 액션이 한번더 실행되서 또 loadMainPosts 함수가 호출되면 그 직전에 호출되었던 loadMainPosts는 취소되는 걸로 이해는 하고 있습니다.(아래의 공식문서도 참고했습니다. 잘못 이해한거라면 바로 잡아주시길...) 그런데 같은 post요청이 서버로 여러번 갔다는 것은 어쨌든 loadMainPosts가 여러번 호출되어서 loadMainPostsAPI(post요청 보내는 함수)를 호출했다는 얘기일텐데, 아래의 설명처럼 pending task를 취소한다고 해도 이미 해당 함수가 어느정도? 까지 실행되어서 서버로 이미 요청이 갔다고 이해하면 될까요? 취소를 했지만 이미 서버로 요청은 간거고, 대신에 LOAD_MAIN_POSTS_SUCCESS 혹은 LOAD_MAIN_POSTS_FAILURE는 여러번 실행되지는 않는거죠. 이것도 제대로 이해하고 있는 것은 아닐거 같기도 한데, 정확히 알려주시면 감사하겠습니다. (사진)

signup 페이지 처리 관련(SSR & CSR) 질문

의문이 해결되었습니다. 제가 의문들었던 부분이 CSR, SSR 2가지 방식의 차이가 문제가 아니라 Uncaught Invariant Violation: Rendered fewer hooks than expected. This may be caused by an accidental early return statement. 위와 같은 에러로 인해 아예 백지로 보여졌던 거였습니다. 함수형 컴포넌트 내에서 return을 hooks 보다 먼저 해주게 되서 발생했던 문제로 보입니다. 사실 상 제일 중요했던 CSR과 SSR의 차이도 다행히 이해했습니다. 강의에서 말씀하셨던 것처럼 me객체의 생성 타이밍이 포인트네요. CSR의 경우에는 if(me) return null 이 들어가있어도 me객체가 생성되기도 전에 컴포넌트가 마운트됩니다.(정확한 표현인지는 모르겠습니다.) 그리고 me객체는 없는것으로 판단하고 jsx 리턴을 하여 회원가입 폼을 렌더링시킵니다. 그 이후에 me 객체를 인식해서 메인페이지로 이동시키는 alert창이 나오지만, 해당 코드가 return null 보다는 위에 있기에 사용자가 alert창을 보고 잇을때 여전히 회원가입 폼이 보이게 됩니다. 그렇다고 아래와 같이 순서를 바꾸면 if (me) { return null; } useEffect(() => { if (me) { alert("로그인했으니 메인페이지로 이동합니다."); Router.push("/"); } }, [me && me.id]); return ( Form onSubmit={onSubmit} style={{ padding: 10 }}> Invariant Violation: Rendered fewer hooks than expected. This may be caused by an accidental early return statement. 이 에러가 다시 발생합니다. 디테일한 부분이겠지만 SSR을 사용하면 애초에 회원가입폼 jsx가 리턴되기전에 me 객체 인식해서 return null 해주니 signup 컴포넌트가 아예 렌더링되지 않는 거네요.

signup 페이지 처리 관련(SSR & CSR) 질문

CSR의 경우 테스트용으로 ch6코드를 사용했고, SSR의 경우는 ch7파트 코드(아직 다 듣지는 않은)로 테스트해본 것입니다. 양쪽의 경우 모두 alert후 이동하는 부분 코드는 주석처리했습니다. (양쪽 경우 차이를 비교하기 위해)양쪽 경우 모두 로그인 후 signup버튼은 없지 않나요? /signup 이렇게 url에 붙여서 들어가봤습니다. 영상에서도 직접 이런식으로 테스트하는 것 보여주셨던 것 같아요.

antd Card.Meta avatar 새로고침 시 글자 이동하는 문제(SSR 관련)

transform 코드 없애면 우측으로 쏠리고요. 말씀하신대로 마운트되고나서 transform이 적용되는건 맞겠네요. 저부분 관련된 소스코드는 제로초님과 다를건 없을겁니다. antd 내부 코드를 수정하지 않는 이상 해결이 안 되려나요.. 일단 핵심적인 부분은 아니라 넘어가려 합니다. 새로운 해결책을 알게 되시면 알려주세요!