사례사례 (opens in a new tab)문서문서블로그블로그 (opens in a new tab)템플릿템플릿 (opens in a new tab)비즈니스비즈니스 (opens in a new tab)
GitHubGitHub (opens in a new tab)
    • 시작하기
      • 설치
      • 프로젝트 구조
    • 애플리케이션 구축하기
      • 라우팅
        • 라우트 정의
        • 페이지
        • 레이아웃 및 템플릿
        • 링크 및 경로 이동
        • 에러 처리
        • 로딩 UI 및 스트리밍
        • 리다이렉트
        • 라우트 그룹
        • 프로젝트 구성
        • 동적 라우트
        • 병렬 라우트
        • 라우트 가로채기
        • 라우트 핸들러
        • 미들웨어
        • 국제화
      • 데이터 가져오기
        • 데이터 가져오기와 캐싱
        • 서버 액션 및 데이터 수정
        • 단계적 정적 재생성 (ISR)
      • 렌더링
        • 서버 컴포넌트
        • 클라이언트 컴포넌트
        • 컴포지션 패턴
        • 부분 사전 렌더링
        • 런타임
      • 캐싱
      • 스타일링
        • CSS
        • Tailwind CSS
        • Sass
        • CSS-in-JS
      • 최적화
        • Images
        • Videos
        • Fonts
        • Metadata
        • Scripts
        • 패키지 번들링
        • 지연 로딩
        • 분석
        • 계측
        • OpenTelemetry
        • 정적 리소스
        • 타사 라이브러리
        • 메모리 사용량
      • 환경 설정
        • TypeScript
        • ESLint
        • 환경 변수
        • 절대 경로 import 및 모듈 경로 별칭
        • MDX
        • src 디렉토리
        • 커스텀 서버
        • 드래프트 모드
        • 콘텐츠 보안 정책
        • 디버깅
      • 테스트
        • Vitest
        • Jest
        • Playwright
        • Cypress
      • 인증
      • 배포
        • 운영 환경 체크리스트
        • 정적 내보내기
        • 멀티 존
      • 업그레이드
        • Codemods
        • 버전 15
        • 버전 14
        • 앱 라우터 마이그레이션
        • Create React App에서 마이그레이션
        • Vite에서 마이그레이션
    • API 참조
        • Font
        • <Form>
        • <Image>
        • <Link>
        • <Script>
      • 파일 구성 규칙
        • default.js
        • error.js
        • instrumentation.js
        • layout.js
        • loading.js
        • mdx-components.js
        • middleware.js
        • not-found.js
        • page.js
        • route.js
        • 경로 세그먼트 설정
        • template.js
        • 메타데이터
          • 파비콘, 아이콘, 애플 아이콘
          • manifest.json
          • 오픈그래프 이미지 및 트위터 이미지
          • robots.txt
          • sitemap.xml
      • 함수
        • cookies
        • draftMode
        • fetch
        • generateImageMetadata
        • generateMetadata
        • generateSitemaps
        • generateStaticParams
        • generateViewport
        • headers
        • imageResponse
        • nextRequest
        • nextResponse
        • notFound
        • permanentRedirect
        • redirect
        • revalidatePath
        • revalidateTag
        • unstableAfter
        • unstableCache
        • unstableNoStore
        • unstableRethrow
        • useParams
        • usePathname
        • useReportWebVitals
        • useRouter
        • useSearchParams
        • useSelectedLayoutSegment
        • useSelectedLayoutSegments
        • userAgent
      • next.config.js 옵션
        • appDir
        • assetPrefix
        • basePath
        • compress
        • crossOrigin
        • cssChunking
        • devIndicators
        • distDir
        • env
        • eslint
        • exportPathMap
        • generateBuildId
        • generateEtags
        • headers
        • httpAgentOptions
        • images
        • cacheHandler
        • instrumentationHook
        • logging
        • mdxRs
        • onDemandEntries
        • optimizePackageImports
        • output
        • pageExtensions
        • poweredByHeader
        • ppr
        • productionBrowserSourceMaps
        • reactCompiler
        • reactMaxHeadersLength
        • reactStrictMode
        • redirects
        • rewrites
        • serverActions
        • serverComponentsHmrCache
        • serverExternalPackages
        • staleTimes
        • swrDelta
        • trailingSlash
        • transpilePackages
        • turbo
        • typedRoutes
        • typescript
        • urlImports
        • useLightningcss
        • webpack
        • webVitalsAttribution
      • CLI
        • create-next-app
        • next CLI
      • Edge 런타임
    • 아키텍처
      • 접근성
      • Fast Refresh
      • Next.js 컴파일러
      • 지원되는 브라우저
      • Turbopack
    • 커뮤니티
      • 기여 가이드
  • Pages Router 사용하기
질문이 있으신가요? (opens in a new tab)이 페이지를 GitHub에서 편집하기
문서
App Router 사용하기
애플리케이션 구축하기
데이터 가져오기
국제화데이터 가져오기와 캐싱
Vercel 에서 배포됨

© 2024 The Next.js Project.