Javascript/Next.js 2

App Router

파일 시스템 기반 라우팅은 Next.js 의 핵심 기능 중 하나 입니다. 이전버전까지는 pages 라는 디렉토리 아래에 폴더와 파일을 규칙에 맞게 넣으면 라우팅 구조를 만들 수 있었습니다. 2022년 10월 25일에 열린 Next.js Conf 에서 소개된 Next.js 13 에서는 app 디렉토리를 기준으로 하는 라우팅인 App Router 를 제공합니다. 처음 공개할 당시(beta) 에는 app directory 라는 이름으로 소개되었으나, 13.4 이후 버전부터 App Router 라는 이름으로 변경되었습니다. 표면적으로 pages 와 app 은 유사해 보입니다. 하지만 실제로 App Router 는 React 18의 React Server Component(RSC), Suspense 를 염두한 방..

Javascript/Next.js 2023.10.19

Next.js 란 무엇인가?

Next.js 는 어플리케이션을 개발하기 위한 React 프레임워크입니다. 사용자 인터페이스를 구축하기 위해 React 컴포넌트를 사용하면, Next.js 는 추가 기능 및 최적화를 제공합니다. Next.js 를 사용하면 React로 UI를 구현하고 라우팅, 데이터 패칭, 성능과 같은 요소를 해결함과 동시에 개발자 경험까지도 개선할 수 있습니다. 주요 기능 라우팅 : 직관적인 파일 시스템 기반 라우팅 시스템 렌더링 : 페이지 단위의 사전 렌더링(Pre-rendering), 정적생성(SSG), 서버 사이드 렌더링(SSR) 데이터 패칭 : 서버 컴포넌트에서 데이터 가져오기를 간소화하고, 메모이제이션, 데이터 캐싱을 위한 확장된 fetch API 제공 코드 분할 : 빠른 페이지 로딩을 위한 자동 코드 분할 개..

Javascript/Next.js 2023.10.19