소개
Next.js 공식문서에 오신것을 환영합니다.
Next.js가 무엇인가요?
Next.js는 웹 애플리케이션을 구축하기 위한 프레임워크입니다.
Next.js를 사용하면 React 컴포넌트를 사용하여 UI를 구축할 수 있습니다. 그리고 Next.js는 애플리케이션을 위한 추가적인 구조, 기능, 최적화를 제공합니다.
또한 내부적으로 Next.js는 번들링, 컴파일 등과 같은 도구를 추상화하고 자동으로 구성합니다. 이를 통해 도구 설정에 시간을 소비하는 대신 애플리케이션 구현에 집중할 수 있습니다.
1인 개발자이든 대규모 팀의 일원이든 관계없이 Next.js는 상호작용 가능하며 동적인 빠른 웹 애플리케이션을 구축하는 데 도움이 될 수 있습니다.
주요 기능
Next.js의 주요한 기능 중 일부는 다음과 같습니다.
-
Routing: 레이아웃, 중첩 라우팅, 로드 상태, 오류 처리 등을 지원하는 서버 컴포넌트 위에 구축된 파일 시스템 기반 라우터입니다. -
Rendering: 클라이언트 및 서버 컴포넌트를 사용한CSR과SSR이 있습니다. 서버에서 정적 및 동적 렌더링으로 더욱 최적화되었습니다. Edge와 Node.js 런타임에 스트리밍됩니다. -
Data Fetching: React 컴포넌트의async/await와 React와 웹 플랫폼에 일치하는fetch()API로 간소화된 데이터를 가져옵니다. -
Styling:CSS 모듈,Tailwind CSS및CSS-in-JS등 여러 스타일링 방법을 지원합니다. -
Optimization: 애플리케이션의 성능과 사용자 경험을 개선하기 위한 이미지, 글꼴 및 스크립트를 최적화합니다. -
TypeScript: TypeScript에 대한 지원이 개선되어 더 나은 타입 검사와 효율적인 컴파일, 사용자 지정 TypeScript 플러그인과 타입 검사를 제공합니다. -
API Reference: Next.js의 API 디자인이 업데이트되었습니다. 새로운 API는 API Reference 섹션을 참조하세요.
공식문서 사용법
공식문서의 섹션과 페이지는 기본에서 고급까지 순차적으로 구성되어 있으므로 Next.js 애플리케이션을 빌드할 때 단계별로 따라할 수 있습니다. 그러나 순서에 관계없이 읽거나 사용 사례에 적용되는 페이지로 건너뛸 수 있습니다.
사이드바 상단에는 앱 라우터와 페이지 라우터 로 전환할 수 있는 드롭다운 메뉴가 있습니다. 각 라우터의 고유한 기능이 있으므로 어떤 탭이 선택되어 있는지 확인해야합니다.
페이지 오른쪽에는 페이지 섹션 사이를 쉽게 탐색할 수 있는 목차가 표시됩니다. 페이지 상단의 이동 경로는 App Router 문서 또는 Pages Router 문서를 보고 있는지 여부도 나타냅니다.
시작하려면 설치 섹션을 확인하세요. React 또는 Server Components를 처음 사용하는 경우 React Essentials 페이지를 읽는 것이 좋습니다.
사전 지식
문서는 초보자에게 친숙하도록 설계되었지만 문서가 Next.js 기능에 집중할 수 있도록 기준선을 설정해야 합니다. 새로운 개념을 도입할 때마다 관련 문서에 대한 링크를 제공할 것입니다.
문서를 최대한 활용하려면 HTML, CSS 및 React에 대한 기본적인 이해가 있는 것이 좋습니다. React 기술을 학습해야 하는 경우 다음 링크를 확인하세요.
