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

공부중인사람님의 프로필 이미지

작성한 질문수

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

/message 페이지 수정하기

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

해결된 질문

24.03.05 23:47 작성

·

149

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()에는 어떤 정보들이 담기는 것인지 궁금합니다.

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 03. 06. 01:45

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

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