inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

cookie samesite

139

개발

작성한 질문수 1

0

login 시 let setCookie = response.headers.get('Set-Cookie'); 가져오려고 할 때 response.headers에는 뜨는데 samesite 때문에 cookie를 가져올 수 없습니다.

 

개발자도구에서 samesite 에러 어떻게 해결할 수 있을까요??

아래와 같이 수정했는데 같은 오류가 발생합니다.

if (setCookie) {
          const parsed = cookies.parse(setCookie);
          cookies().set('connect.sid', parsed['connect.sid'], {
            sameSite: 'None', 
            secure: true
          }); 
        }

 

react next.js react-query next-auth msw

답변 2

0

제로초(조현영)

쿠키를 왜 직접 가져오셔야 하나요? 백엔드->프론트서버의 상황인가요 아니면 프론트서버->백엔드의 상황인가요?

0

개발

프론트->백입니다!

login api post하면 강의에서처럼 response.header의 set-cookie에 connect.sid가 저장되어있는데 게시글 작성을 하려고 하면 500에러가 나고 있는 상황입니다.

여기서 요청을 보낼 때의 인증정보(cookie)가 전달이 안되고있어서 에러가나는 것 같아서 찾아보고 있는데 게시글 작성할 때 cookie를 전달할 필요가 없을까요??

0

제로초(조현영)

백엔드 서버 켜두신 터미널에서 에러 메시지 확인하셔야 합니다. 쿠키 문제라고만 볼 수가 없습니다. 쿠키는 전달해야됩니다.

0

개발

PostForm.tsx에

${process.env.NEXT_PUBLIC_BASE_URL}/api/posts에서 쿠키를 전달하는 코드가 있을까요??

https://github.com/ZeroCho/next-app-router-z/blob/master/ch4/src/app/(afterLogin)/home/_component/PostForm.tsx

0

제로초(조현영)

쿠키는 브라우저에서 알아서 전달합니다. credentials: true가 있으면요.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 개발님.

쿠키 문제와 SameSite 속성 설정에 대해 고민이 있으신 것 같습니다. 몇 가지 유사한 문제와 해결 방법에 대한 게시글을 안내해 드리겠습니다.


  1. set-cookie가 제대로 동작하지 않습니다.

    • 여기서는 비슷한 문제를 겪고 있는 다른 수강생의 사례와 해결 방법을 논의하고 있습니다. 쿠키 설정이 제대로 동작하지 않는 문제에 대한 조언을 얻을 수 있습니다.
      이미지
  2. Samesite Issue는 어떻게 해결하나요?

    • SameSite 속성 관련 문제의 다른 사례입니다. 여기에서도 secure 옵션과 SameSite 속성을 설정하는 방법에 대해 다루고 있습니다.
      이미지
  3. cookie 공유 질문있습니다.

    • 쿠키 공유와 SameSite 설정 문제를 논의한 게시글입니다. server와 client 사이의 쿠키 설정과 관련된 조언을 얻을 수 있습니다.
      이미지
  4. typescript SSR Cookie

    • SSR 환경에서 쿠키 설정 문제를 다룬 게시글입니다. headers 설정과 관련된 문제 해결 방법을 참고하실 수 있습니다.
      이미지

이 자료들이 개발자도구에서 SameSite 에러를 해결하는 데 도움이 되길 바랍니다.

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

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

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