inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

/message 페이지 수정하기

fetch의 옵션과 관련한 질문드립니다.

해결된 질문

219

공부중인사람

작성한 질문수 20

0

강의영상 5분대에서
fetch 속에 들어가는 cache등과 같은 옵션등은
https://developer.mozilla.org/ko/docs/Web/API/fetch
mdn web doc에서의 fetch 문서를 찾아 문법을 확인하다 이해가 잘 안되는 점이 두개가 있어 문의 드립니다.
credentials, headers, cache는 찾았는데 next는 못찾았는데 이 부분은 어느 자료를 보고 사용법을 확인할 수 있는지 모르겠네요.
혹시 next에서 인식하기 위해 태그를 추가하는 것이라면...
next: {tags: ['rooms']},에서 rooms 빼고는 고정해서 사용하는 것인가요?

headers 부분에서 {Cookie: cookies().toString()} 처럼
key-value 형식을 갖춘 객체로 넣는 것은 필수인가요?


그리고 이것과 별개로 제가 쿠키에 어떤 정보들이 저장되는지 잘 몰라서 cookies().toString()에는 어떤 정보들이 담기는 것인지 궁금합니다.

react next.js react-query next-auth msw

답변 1

1

제로초(조현영)

넥스트의 fetch는 기존의 fetch를 넥스트가 조금 수정을 해둔 함수입니다. 원래 next 옵션은 없으나 넥스트가 넣어두었습니다. tags 아니면 path 등의 옵션이 있는데 넥스트 공식문서에 나와있습니다.

cookies().toString()도 브라우저의 쿠키 형식 문자열이 있는데 그걸 그대로 백엔드 서버로 보내기 위해 넣는 것입니다. 쿠키 문자열도 mdn에서 cookie 검색해보시면 잘 나옵니다.

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

0

74

2

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

0

113

2

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

0

98

1

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

0

109

2

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

0

140

2

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

0

130

1

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

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

171

1

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

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

108

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

131

2

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

0

138

1

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

0

101

2

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

0

97

2

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

0

85

2

vanilla-extract 못찾는 문제

0

229

2

fetch 캐싱과 revalidate 관련

0

84

2