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

4YJ

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

워크스페이스 만들기 + 로그아웃하기

로그인/로그아웃이 동작하지 않습니다.

작성

440

기존까지 로그인은 잘 됐었는데

Workspace.tsx에

if (!data) {
  return <Redirect to="/login"/>;
}

이 코드를 추가하니, 로그인을 하면

이런 식으로 무한호출이 되고, 빈 페이지가 떠 있어서

어떤문제인지 여쭤보고 싶습니다.

클론코딩 typescript babel 웹팩 react Socket.io

퀴즈

여러 컴포넌트에서 반복되는 상태 관리 로직을 재사용하기 위해 만드는 것은 무엇일까요?

클래스 컴포넌트

Higher-Order Component

커스텀 훅

render prop 패턴

답변 4

4YJ

질문자

네 200으로 나오는 것을 확인했습니다..

그리고 올려주신 swr관련 공지를 확인해서 진행했기에

현재 mutate 로 바꿔서 수강 중입니다

제로초(조현영)

지식공유자

if (data === false) 위에 console.log('data', data) 추가하셔서 로그인->로그아웃 과정 중 어떻게 콘솔로그 찍히는지 추적하시면 될 것 같습니다. 로그아웃 시 false가 되어야 합니다.

4YJ

질문자

리디렉션

로그아웃을 한 번 눌렀을 때 Redirection이 되질 않아서

또 눌렀더니 발생한 것 같습니다.

로그아웃을 눌러도 Redirection이 동작하지 않습니다.

제로초(조현영)

지식공유자

개발자도구 네트워크탭에서 logout 요청을 봤을 때는 요청이 성공(200)으로 뜨나요? 로그아웃 성공하면 revalidateUser를 해서 data가 false가 돼서 Redirect 되는게 순서거든요.

제로초(조현영)

지식공유자

swr 버전도 중요한게 최신버전에서는 revalidate가 mutate로 바뀌었습니다.

4YJ

질문자

해결되었습니다 !..

그런데 로그아웃 버튼을 누르면 이런 오류가 발생합니다

제로초(조현영)

지식공유자

저건 이미 로그아웃했는데 로그아웃 또 해서 발생하는 에러 같은데요. 다시 로그인 후 로그아웃 해도 똑같이 발생하나요?

https://github.com/ZeroCho/sleact/blob/1a58d02f6925e7073a789fe412a8bc6055e6fecd/front/utils/fetcher.ts#L3

제로초(조현영)

지식공유자

if (data === false) 해보세요~

4YJ

작성한 질문수

전체 Q&A

질문하기