반응형
Next.js은 무엇인가?
Next.js는 React 컴포넌트를 사용하여 웹 애플리케이션을 구축할 수 있는 프레임워크입니다. 내부에서 번들링, 컴파일 등의 도구를 추상화하고 자동으로 구성하여 애플리케이션 구축에 집중할 수 있습니다. 개인 개발자 또는 대규모 팀 모두 Next.js를 사용하여 대화형, 동적 및 빠른 웹 애플리케이션을 구축할 수 있습니다.
주요 기능
| 특징 | 설명 |
|---|---|
| 라우팅 (Routing) | 서버 구성 요소 위에 구축된 파일 시스템 기반 라우터로, 레이아웃, 중첩된 라우팅, 로드 상태, 오류 처리 등을 지원합니다. |
| 렌더링 (Rendering) | Next.js에서 클라이언트 측 및 서버 측 렌더링을 지원하며, 클라이언트와 서버 컴포넌트를 사용하여 더욱 최적화된 정적 및 동적 렌더링을 제공합니다. 또한 Edge 및 Node.js 런타임에서 스트리밍이 가능합니다. |
| 데이터 패칭 (DataFetching) | React 컴포넌트에서 async/await 지원 및 React 및 Web 플랫폼과 일치하는 fetch() API를 사용하여 단순화된 데이터 가져오기를 제공합니다. |
| 스타일링 (Styling) | CSS Modules, Tailwind CSS 및 CSS-in-JS와 같은 선호하는 스타일링 방법을 지원합니다. |
| 최적화 (Optimizing) | 이미지, 글꼴 및 스크립트 최적화를 통해 애플리케이션의 핵심 웹 비탈성과 사용자 경험을 개선합니다. |
| 타입스크립트 (Typescript) | TypeScript 지원을 개선하여 더 나은 타입 검사 및 효율적인 컴파일링을 제공하며, 커스텀 TypeScript 플러그인 및 타입 검사기를 제공합니다. |
| API 참조 (ApiReference) | Next.js 전반적인 API 디자인 업데이트. 새로운 API는 API 참조 섹션을 참조하세요. |
사전 지식
Next.js의 기능에 초점을 맞추기 위해 초보자를 위한 문서이지만, HTML, CSS 및 React에 대한 기본적인 이해가 권장됩니다. React를 다시 학습해야하는 경우 관련 자료를 참조해주세요
참조
Docs | Next.js
Using App Router Features available in /app
nextjs.org
반응형
'기억보단 기록을 > Next JS (App Router)' 카테고리의 다른 글
| [NextJS 13] Getting Started - app Routing Project Structure(앱 라우팅 프로젝트 구조) (0) | 2023.05.24 |
|---|---|
| [NextJS 13] Getting Started - Installation(설치 방법) (0) | 2023.05.23 |
| [Next JS] SSG와 SSR (0) | 2023.05.17 |
| [Next JS] <Image> 정리 (0) | 2023.05.17 |
| [Next JS] Apollo 연동하기 (HTTP+WebSocket) (0) | 2023.05.17 |
