| title | description |
|---|---|
소개 |
Next.js 문서에 오신 것을 환영합니다! |
Next.js 문서에 오신 것을 환영합니다!
Next.js는 웹 애플리케이션을 구축하기 위한 프레임워크입니다.
Next.js를 사용하면 React 컴포넌트를 사용하여 사용자 인터페이스를 구축할 수 있습니다. 그런 다음 Next.js는 애플리케이션을 위한 추가 구조, 기능 및 최적화를 제공합니다.
또한 Next.js는 내부적으로 번들링, 컴파일 등과 같은 툴을 추상화하고 자동으로 구성합니다. 따라서 툴을 설정하는 데 시간을 소비하는 대신 애플리케이션을 빌드하는 데 집중할 수 있습니다.
개인 개발자이든 대규모 팀의 일원이든 Next.js는 대화형, 동적, 빠른 웹 애플리케이션을 구축하는 데 도움이 될 수 있습니다.
Next.js의 주요 기능 중 일부는 다음과 같습니다:
| 기능 | 설명 |
|---|---|
| 라우팅 | 레이아웃, 중첩 라우팅, 로딩 상태, 오류 처리 등을 지원하는 서버 컴포넌트 위에 구축된 파일 시스템 기반 라우터입니다. |
| 렌더링 | 클라이언트 및 서버 컴포넌트를 사용한 클라이언트 측 및 서버 측 렌더링. 서버의 정적 렌더링과 동적 렌더링은 Next.js를 통해 더욱 최적화됩니다. Edge 및 Node.js 런타임에서 스트리밍. |
| 데이터 패칭 | React 컴포넌트에서 비동기/대기 지원을 통한 간소화된 데이터 불러오기 및 React 및 웹 플랫폼에 부합하는 fetch() API. |
| 스타일링 | CSS 모듈, 테일윈드 CSS, CSS-in-JS 등 선호하는 스타일링 방법 지원 |
| 최적화 | 이미지, 글꼴 및 스크립트 최적화를 통해 애플리케이션의 핵심 웹 바이탈 및 사용자 경험을 개선합니다. |
| 타입스크립트 | 타입 검사 및 컴파일 효율성이 개선되고 사용자 지정 타입스크립트 플러그인 및 타입 검사기를 통해 타입스크립트에 대한 지원이 향상되었습니다. |
| API 참조 | Next.js 전반에 걸친 API 설계 업데이트. 새로운 API는 API 참조 섹션을 참조하세요. |
문서의 섹션과 페이지는 기본부터 고급까지 순차적으로 구성되어 있으므로 Next.js 애플리케이션을 빌드할 때 단계별로 따라갈 수 있습니다. 그러나 원하는 순서대로 읽거나 사용 사례에 해당하는 페이지로 건너뛸 수도 있습니다.
사이드바 상단에는 앱 라우터와 페이지 라우터 기능 사이를 전환할 수 있는 드롭다운 메뉴가 있습니다. 각 디렉토리마다 고유한 기능이 있으므로 어떤 탭이 선택되어 있는지 잘 살펴보는 것이 중요합니다.
페이지 오른쪽에는 페이지의 섹션 사이를 쉽게 탐색할 수 있는 목차가 표시됩니다. 페이지 상단의 이동 경로를 통해 현재 보고 있는 문서가 App 라우터 문서인지 페이지 라우터 문서인지도 알 수 있습니다.
시작하려면 설치 페이지를 참조하세요. React 또는 서버 컴포넌트를 처음 사용하는 경우 React 핵심 페이지를 읽어보시기 바랍니다.
문서가 초보자 친화적으로 설계되었지만, 문서가 Next.js 기능에 집중할 수 있도록 기준선을 설정해야 합니다. 새로운 개념을 도입할 때마다 관련 문서에 대한 링크를 제공하도록 하겠습니다.
문서를 최대한 활용하려면 HTML, CSS, React에 대한 기본적인 이해가 있는 것이 좋습니다. React 기술을 익히고 싶다면 다음 리소스를 확인하세요:
문서를 읽는 동안 화면 리더를 사용할 때 최적의 접근성을 얻으려면 Firefox와 NVDA 또는 Safari와 VoiceOver를 사용하는 것이 좋습니다.
Next.js와 관련하여 궁금한 점이 있으면 언제든지 GitHub Discussions, Discord, Twitter, Reddit에 문의하세요.