정훈's 프로그래밍

Next.js 15 버전 이상에서 선호되는 라우터 방식은 App Router입니다.App Router는 Next.js의 새로운 라우팅 시스템으로, 기존의 Pages Router를 대체하며 다음과 같은 특징을 가집니다:app/ 디렉토리를 사용하여 라우팅을 구성합니다.폴더 기반 라우팅을 채택하여 더 직관적인 구조를 제공합니다.React Server Components를 기본적으로 지원합니다.레이아웃 구성이 더 유연해졌으며, layout.js 파일을 통해 중첩 레이아웃을 쉽게 구현할 수 있습니다.서버 중심 라우팅을 채택하여 성능 최적화에 중점을 둡니다.App Router는 Pages Router에 비해 더 강력한 기능을 제공하며, Next.js의 미래 방향성을 대표합니다. 따라서 새로운 프로젝트를 시작할 때는..

아래는 Next.js 내부 API 라우트와 외부 API 호출 흐름을 시각적으로 표현한 다이어그램입니다.📌 클라이언트(사용자)에서 요청이 발생하면, 내부 API가 요청을 처리한 후 외부 API와 통신하는 방식[사용자 액션] ⬇️ 1️⃣ 페이지(TodoPage.tsx)에서 GET, POST, DELETE 요청 발생 ⬇️ 2️⃣ 내부 API (/api/todos)에서 요청을 처리하고 인증 및 캐싱 수행 ⬇️ 3️⃣ 내부 API에서 외부 API (https://newallsoft.shop/api/todos)로 실제 요청 전달 ⬇️ 4️⃣ 외부 API가 요청을 처리하고 응답 반환 ⬇️ 5️⃣ 내부 API에서 응답을 받아 클라이언트에 반환 ⬇️ 6️⃣ 클라이언트 UI에서..