유연한 페이지 렌더링을 위해 Parallel Routes(병렬 라우트) 와 Intercepting Routes(인터셉트 라우트) 라는 고급 라우팅 기술을 제공한다.이 기술을 활용하면 여러 개의 페이지를 병렬로 렌더링하거나, 기존의 URL 구조를 변경하지 않고 특정 페이지를 가로채서 원하는 방식으로 렌더링할 수 있다. 1. Parallel Routes (병렬 라우트)Parallel Routes는 여러 개의 페이지(컴포넌트)를 동시에 렌더링할 수 있도록 지원하는 라우팅 방식이다.일반적으로 Next.js에서는 특정 페이지를 렌더링할 때 단일 페이지 구조를 따르지만, Parallel Routes를 사용하면 한 페이지에서 여러 개의 레이아웃을 동적으로 구성할 수 있다.이 기능은 대시보드, 관리 페이지, 챗봇 UI..

렌더링 방식을 2가지로 나누자면 CSR(Client Side Rendering), SSR(Server Side Rendering) 방식이 존재한다. SSR 렌더링 방식export async function getServerSideProps() { const res = await fetch("https://api.example.com/data"); const data = await res.json(); return { props: { data } };}export default function Page({ data }) { return {data.message};} SEO에 최적화 된 방식초기 렌더링 속도 빠름서버 부담이 커질 수 있다위의 3가지 특징이 주요 특징이다. SSR은 사용자의 요청에 따라..

Next.jsNext.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하는 등 다양한 기능을 제공한다.주요 특징  서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG) 지원 파일 기반 라우팅 (React Router 필요 없음)SEO 최적화 (검색 엔진이 페이지를 쉽게 인덱싱 가능) API 라우트 제공 (백엔드 없이 간단한 서버 로직 구현 가능) 이미지 최적화, 코드 스플리팅, 빠른 성능 제공React로 프로젝트를 만들면 일반적으로 클라이언트 사이드 렌더링(CSR) 방식이 사용한다. 하지만 CSR 방식은 SEO가 약하고, 초기 로딩 속도가 느리다는 단점이 있다.Next.js는 이런 문제를 해결하기 위해 SSR(Server Side Rendering..