inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next + React Query로 SNS 서비스 만들기

useMutation 사용하기

트렌드섹션 질문

78

심현석

작성한 질문수 13

0

회원가입 후 바로 로그인 된 상태에서 home으로 가면 트렌드를 가져올 수 없다고 뜨는데 혹시 로그인 후 로그아웃버튼이 뜨지 않았던 상황과 비슷한 상황인가요 ? 로그아웃 버튼처럼 prop으로 session정보를 넘겨줘야 하는건지 궁금합니다

react next.js react-query next-auth msw

답변 2

0

제로초(조현영)

네 맞습니다. 바로 안 뜬다면 서버 컴포넌트에서 auth()로 유저 정보를 가져온 뒤 TrendSection props로 넘겨주시면 됩니다!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 심현석님의 질문에 대해 답변드리겠습니다.

회원가입 후 트렌드를 가져올 수 없다는 메시지가 표시되고, 로그아웃 버튼이 제대로 나타나지 않는 문제가 발생하는 경우 이는 세션 정보가 올바르게 전달되지 않는 상황일 수 있습니다. 특히, next-auth를 사용하는 경우 세션 정보가 제대로 관리되지 않으면 이러한 문제가 발생할 수 있습니다. 이와 관련하여 해결 방법을 찾기 위해 아래 유사한 질문과 그에 대한 답변을 참고하시기 바랍니다.

  1. 로그인 시 홈페이지의 로그아웃 버튼이 새로고침 시에 보이는 문제: 이 질문에서는 로그인 후 세션 정보가 제대로 전달되지 않아 로그아웃 버튼이 보이지 않는 문제가 논의되고 있습니다. 해결 방법으로는 상위 컴포넌트에서 세션 정보를 받아 이를 하위 컴포넌트로 props로 전달하는 방식이 제안되었습니다.

  2. 로그인후 바로 뒤로가기, 회원가입 후 홈으로 이동하고 session에 정보 안쌓임: 이 사례에서는 로그인 후 바로 뒤로가거나, 회원가입 후 홈으로 이동했을 때 세션 정보가 제대로 쌓이지 않는 문제를 다루고 있습니다. 해결책으로 서버사이드 렌더링을 통해 auth() 함수로 직접 세션 정보를 관리하고, 이를 필요한 컴포넌트로 전달하는 방법이 제시되었습니다.

회원가입 후 세션 상태가 불안정하여 이러한 문제가 발생하는 경우 위의 방법들처럼 트렌드 섹션에서도 세션 정보를 props로 정확하게 전달하는 것이 필요할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

캡처링부분 질문있습니다.

0

76

2

깃에 소스코드를 찾을 수 없습니다.

0

113

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

111

2

css 라이브러리 추천 부탁드립니다

0

141

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

133

1

게시물 업로드 시 userId가 undefined로 들어가는 오류

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

172

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

110

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

132

2

next.js 에서 로그인에 관하여

0

139

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

98

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

230

2

fetch 캐싱과 revalidate 관련

0

85

2