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

강의에서 book/4는 동적 페이지인데 첫 접속 후 Full Route Cache에 저장되어 두 번째 접속이 빨라진다고 했습니다. 동적 페이지는 Full Route Cache에 저장되지 않는다고 배웠는데 왜 적용되나요? .next 폴더에 해당 페이지가 남아있는 것을 확인했는데, 이것이 Full Route Cache 적용을 의미하나요? npm run start로 프로덕션 모드에서 테스트했는데 첫 접속과 두 번째 접속 모두 170ms로 동일합니다. 왜 속도 차이가 없나요?

import { notFound } from "next/navigation";
import style from "./page.module.css";
import { BookData } from "@/types";

// export const dynamicParams = false;

export function generateStaticParams() {
  return [{ id: "1" }, { id: "2" }, { id: "3" }];
}

export default async function Page({
  params,
}: {
  params: Promise<{ id: string | string[] }>;
}) {
  const { id } = await params;

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${id}`
  );
  if (!response.ok) {
    if (response.status === 404) {
      notFound();
    }
    return <div>오류가 발생했습니다...</div>;
  }
  const book: BookData = await response.json();

  const { coverImgUrl, title, subTitle, author, publisher, description } = book;

  return (
    <div className={style.container}>
      <div
        className={style.cover_img_container}
        style={{ backgroundImage: `url('${coverImgUrl}')` }}
      >
        <img src={coverImgUrl} />
      </div>
      <div className={style.title}>{title}</div>
      <div className={style.subTitle}>{subTitle}</div>
      <div className={style.author}>
        {author} | {publisher}
      </div>
      <div className={style.description}>{description}</div>
    </div>
  );
}

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요)

• 제목을 구체적으로 작성해 주세요

  • ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다.

  • ⛔️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등

  • 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!

     

     

   

• 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다.

  • 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요

  • 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲

     

• 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요

  • 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!

  • 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲

     

• 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요

  • 더 빠른 답변이 가능합니다!