TwentyTwentyOne

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 – 페이지 및 레이아웃 구성이번 글에서는 Next.js에서 페이지를 구성하는 방법과 layout.tsx를 활용한 공통 레이아웃 적용 방법을 다룹니다.✅ SEO 최적화를 위한 metadata 설정과 함께, layout.tsx를 사용하여 재사용 가능한 레이아웃을 구성합니다.📌 1. Next.js에서 페이지 구성하기Next.js는 파일 기반 라우팅 시스템을 사용하여 페이지를 자동으로 생성합니다.✅ app 디렉토리 내에 각각의 페이지 파일을 추가하면 해당 경로로 자동 매핑됩니다.✅ 1.1 기본적인 페이지 구성📌 예제 – 페이지 구조 (app 디렉토리 사용)/app ├── layout.tsx (공통 레이아웃) ├── page.tsx ..

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 – 3.2.1 Next.js의 라우팅 시스템 개요이번 글에서는 Next.js의 파일 기반 라우팅 시스템을 다룹니다.✅ Next.js의 pages 및 app 디렉토리를 비교하고, 동적 라우팅과 중첩 라우팅을 설명합니다.📌 1. Next.js의 파일 기반 라우팅 시스템Next.js는 기존의 React Router와 달리, **파일 기반 라우팅 시스템(File-based Routing System)**을 사용합니다.즉, 프로젝트의 pages 또는 app 디렉토리 내에 파일을 생성하면 자동으로 해당 경로에 맞는 페이지가 생성됩니다.✅ 1.1 Next.js 라우팅 방식 비교Next.js 13부터는 **새로운 App Router(app 디렉토리)**와 기존의 ..