동일한 fetch 경로에 대해 cache 옵션만 변경된다면 어떻게 적용되나요?

Question

all books 를 가져오는 fetch 에서 한부분은 no-store 로 적용되고 한 부분은 force-cache 로 적용된다고 했을 때 한 부분이 no-store 이기 때문에 force-cache 한 부분도 계속 갱신되어질까요?

이정환 Winterlood · Answer

안녕하세요 이정환입니다. AI 인턴의 답변대로 각각 따로 동작하게 됩니다 😃 force-cache로 설정된 fetch 메서드의 데이터는 갱신되지 않습니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. kimgni.dev님. Next.js의 fetch 메서드를 사용하는 과정에서 cache 옵션을 변경하는 것은 매우 중요한 이슈입니다. 질문해 주신 상황에서 동일한 fetch 경로에 대해 no-store 와 force-cache 를 동시에 사용하는 경우를 다루어 보겠습니다. 캐시 옵션의 작동 방식 no-store : 이 옵션은 요청할 때마다 항상 새로운 데이터를 가져오도록 설정합니다. 즉, 캐시가 작동하지 않고 항상 서버로부터 최신 데이터를 가져옵니다. force-cache : 이 옵션은 요청 중 데이터가 캐시되었는지 여부에 상관 없이 캐시된 데이터를 사용하도록 설정합니다. 서버에서 데이터를 갱신하지 않더라도 캐시된 데이터를 사용합니다. 두 옵션의 동시 사용 만약 동일한 데이터를 요청하는 두 fetch가 각각 no-store 와 force-cache 옵션으로 설정되어 있다면, no-store 는 캐싱을 하지 않고 항상 최신 데이터를 가져오므로, 이 요청은 캐시의 영향을 받지 않습니다. 반면, force-cache 로 요청된 fetch는 캐시된 데이터를 사용합니다. 하지만 이 cache는 요청할 때마다 no-store 로 들어오는 갱신된 데이터를 대체하지 않습니다. 따라서 캐싱된 데이터는 no-store 옵션으로 인해 직접 영향받지 않습니다. 요약 동일한 경로에 대해서라도 각 fetch 요청 내에서 설정된 cache 옵션에 따라 각각 다르게 동작합니다. 따라서 no-store 로 요청된 fetch가 다른 fetch의 캐시를 강제로 무효화하지는 않습니다. 이해를 돕기 위한 관련 다른 질문 및 답변을 참고해 보시기 바랍니다: 캐싱 전략 이해하기 : 다양한 캐시 전략의 용례를 설명하고 있습니다. Next.js 의 데이터 패칭 원리 : 다른 사용자와 함께 Next.js에서 fetch 메서드를 잘 활용할 수 있는 방안에 대해 논의한 자료입니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.