Next.js 문서
Next.js 문서 | Next.js
섹션 제목: “Next.js 문서 | Next.js”소스 URL: https://nextjs.org/docs
Next.js 문서
섹션 제목: “Next.js 문서”Next.js 문서에 오신 것을 환영합니다!
Next.js란 무엇인가?
섹션 제목: “Next.js란 무엇인가?”Next.js는 풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크입니다. 사용자 인터페이스는 React 컴포넌트로 만들고, 추가 기능과 최적화는 Next.js가 제공합니다.
Next.js는 번들러나 컴파일러 같은 하위 도구도 자동으로 구성하므로, 제품을 만들고 빠르게 배포하는 데 집중할 수 있습니다.
개인 개발자든 대규모 팀의 일원이든, Next.js는 상호작용적이고 동적인 빠른 React 애플리케이션을 구축하는 데 도움을 줍니다.
문서 활용 방법
섹션 제목: “문서 활용 방법”문서는 세 가지 섹션으로 구성되어 있습니다:
- Getting Started: 새 애플리케이션을 만들고 핵심 Next.js 기능을 학습할 수 있는 단계별 튜토리얼.
- Guides: 특정 사용 사례별 튜토리얼로, 필요한 내용을 선택해 학습할 수 있습니다.
- API Reference: 모든 기능을 위한 상세 기술 레퍼런스.
사이드바를 사용해 섹션을 탐색하거나 검색(Ctrl+K 또는 Cmd+K)으로 원하는 페이지를 빠르게 찾으세요.
App Router와 Pages Router
섹션 제목: “App Router와 Pages Router”Next.js에는 두 가지 라우터가 있습니다:
- App Router : Server Components 같은 새로운 React 기능을 지원하는 최신 라우터.
- Pages Router : 여전히 지원되고 개선 중인 원래 라우터.
사이드바 상단에는 App Router와 Pages Router 문서를 전환할 수 있는 드롭다운 메뉴가 있습니다.
React 버전 처리
섹션 제목: “React 버전 처리”App Router와 Pages Router는 React 버전을 다르게 처리합니다:
-
App Router : 새 React 릴리스 전에 프레임워크에서 검증되고 안정적인 React 19 변경 사항과 최신 기능을 포함하는 React canary 릴리스를 기본으로 사용합니다.
-
Pages Router : 프로젝트의
package.json에 설치된 React 버전을 사용합니다.
이 접근 방식 덕분에 App Router에서는 새로운 React 기능이 안정적으로 동작하고, 기존 Pages Router 애플리케이션과의 하위 호환성도 유지됩니다.
사전 지식
섹션 제목: “사전 지식”이 문서는 웹 개발에 대한 기본적인 이해를 가정합니다. 다음 내용에 익숙하다면 도움이 됩니다:
- HTML
- CSS
- JavaScript
- React
React가 처음이거나 복습이 필요하다면 React Foundations 과정과 애플리케이션을 만들며 학습하는 Next.js Foundations 과정을 추천합니다.
접근성
섹션 제목: “접근성”스크린 리더 사용 시 최적의 경험을 위해 Firefox와 NVDA, 또는 Safari와 VoiceOver 조합을 권장합니다.
커뮤니티에 참여하세요
섹션 제목: “커뮤니티에 참여하세요”Next.js 관련 질문이 있다면 언제든지 GitHub Discussions, Discord, X (Twitter), Reddit 커뮤니티에 문의하세요.
다음 단계
섹션 제목: “다음 단계”첫 애플리케이션을 만들고 핵심 Next.js 기능을 익히세요.
보내기