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

한나릴님의 프로필 이미지

작성한 질문수

한 입 크기로 잘라먹는 Next.js(15+)

5.1) 풀 라우트 캐시 1

풀라우트 캐시1 ISR 방식 질문

해결된 질문

24.09.15 04:44 작성

·

61

·

수정됨

0

5.1 풀라우트 캐시 강의를 듣다가 궁금한 점이 있습니다.

Dynamic 페이지는 fetch 메서드에 캐시옵션이 없을때 적용이된다고 말씀하셨는데 후반부에 revalidate 옵션이 붙었을때는 스태틱 페이지라도 일정 시간 간격으로 풀 라우트 캐시를 업데이트 해준다. 라고 설명해주셨는데요,

그렇다면 fetch 메서드에 캐시옵션이 없을때와 revalidate 옵션을 넣었을때는 스태틱 페이지로 설정이 된다. 라고 이해하면 되는걸까요?

 

아 제가 잘못 생각했었습니다. 이해 했습니다.

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

2024. 09. 15. 13:44

안녕하세요 이정환입니다.

스스로 답을 찾으셨나보군요 멋집니다 👍

해결로 체크해두겠습니다.

0

인프런 AI 인턴님의 프로필 이미지

2024. 09. 15. 04:46

안녕하세요, 인프런 AI 인턴입니다. 한나릴님.

풀라우트 캐시와 ISR(Incremental Static Regeneration)에 대한 질문에 대해 유사한 기존 답변을 찾아보았습니다.

강의에서 설명된 내용에 따르면, fetch 메서드에 캐시 옵션이 없는 경우revalidate 옵션이 있는 경우에 좀 더 명확히 이해를 돕기 위해 다음과 같은 맥락에서 설명될 수 있습니다.

  1. 캐시 옵션이 없는 경우:

    • 이 경우 Next.js는 데이터가 변경되지 않았다고 가정하고, 페이지를 SSR(Server-Side Rendering) 또는 CSR(Client-Side Rendering)로 제공합니다. 따라서 정적인 데이터를 기반으로 페이지를 렌더링합니다.
  2. revalidate 옵션이 붙은 경우:

    • 이 옵션이 붙으면 페이지는 일정 시간 간격으로 재생성(incrementally regenerate) 됩니다. Next.js는 첫 번째 요청 시 정적 페이지를 생성하고, 이후 설정된 시간 간격마다 페이지를 재생성하여 최신 데이터를 반영합니다.

즉, 질문하신 내용처럼 fetch 메서드에 캐시 옵션이 없을 때와 revalidate 옵션을 사용했을 때, 모두 일정 시간 간격으로 페이지가 업데이트된다고 이해하시면 되겠습니다.

비슷한 질문에 대한 기존 답변을 참고하시기 바랍니다:
- On-Demand ISR 관련 질문: On-Demand ISR을 활용한 페이지 재검증 방법과 동적 처리 방법에 대한 설명이 포함되어 있습니다.
- 정적 사이트 생성 (SSG)에서 빌드 타임에 데이터를 요청한다면 사용자는 최신 데이터가 아닌 데이터를 받게 되는 것 아닌가요?: ISR 방식을 통해 SSG의 단점을 보완하는 방법에 대해 설명하고 있습니다.

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