Dynamic Rendering

렌더링 시각 (매 요청마다 갱신):

PM 5:01:38

새로고침해보세요 — 시각이 매번 변합니다.

소스코드

// dynamic-page/page.tsx
export const dynamic = 'force-dynamic';
// → 매 요청마다 서버에서 렌더링

const DynamicRenderingPage = async () => {
  const now = new Date().toLocaleTimeString('ko-KR');

  return (
    <div>
      <p>렌더링 시각: {now}</p>
      {/* 요청마다 실행 → 매번 다른 시각 */}
    </div>
  );
};

Dynamic 전환 트리거

// 방법 1: Route Segment Config
export const dynamic = 'force-dynamic';

// 방법 2: Dynamic API 사용
import { cookies } from 'next/headers';
const cookieStore = await cookies();

// 방법 3: Dynamic API 사용
import { headers } from 'next/headers';
const headerList = await headers();

// 방법 4: searchParams 접근
const Page = async (props) => {
  const searchParams = await props.searchParams;
};