어차피 마늘님의 게시글

질문&답변

dynamic= "auto"으로 설정했을 경우 동적인 페이지로 설정

import BookItem from "@/components/book-item"; import style from "./page.module.css"; import { BookData } from "@/types"; export const dynamic = "auto"; async function AllBooks() { const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book`, { cache: "force-cache" } ); if (!response.ok) { return 오류 발생 🚨 ; } const allBooks: BookData[] = await response.json(); return ( 등록된 모든 도서 {allBooks.map((book) => ( ))} ); } async function RandomBooks() { const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/random`, { next: { revalidate: 3 } } ); if (!response.ok) { return 오류 발생 🚨 ; } const randomBooks: BookData[] = await response.json(); return ( 지금 추천하는 도서 {randomBooks.map((book) => ( ))} ); } export default function Home() { return ( ); } 동적 함수도 없고 캐싱이 안되는 코드도 없는데 왜 Next는 빌드때 이 페이지를 동적인 페이지로 분류하는걸까요?