sunwon lee

해당 방법은 실패했습니다 ㅠ ㅠ &nbsp;&nbsp;<pre><code class="language-typescriptreact"><Link href={`/book/${id}`} className={style.container} scroll={false}></code></pre>&nbsp;이렇게 book-item에 Link에 props로 scroll false로 해결은 했습니다!

모달 구현 후 북 상세 클릭 시 뒤 화면 스크롤이 하단으로 내려갑니다.

<pre><code class="language-typescriptreact">async function BookDetail({ bookId }: { bookId: string }) {
 const response = await fetch(
 `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${bookId}`,
 { cache: "force-cache" }
 ).then((res) => {
 console.log("api called");
 return res;
 });</code></pre>&nbsp;이렇게 BookDetail의 fetch 부분을 수정하고 리뷰 작성하기 API를 호출 했을 때 서버에 console이 찍히는 걸 볼 수 있는데, console이 찍히는 것과 상관없이 이 데이터는 캐시된 데이터를 보내주는 거라는 말씀이실까요? 혹시 캐시된 데이터를 보내주는 것을 어떻게 검증할 수 있는지 궁금합니다. 콘솔에 cache hit가 뜨진 않아서 궁금합니다.

revalidateTag 사용 시 ReviewDetail 리렌더링

공식문서를 보고 global-error.tsx를 둬도 에러가 안 잡히네요 ㅠ

sunwon lee

Posts