JavaScript/Next.js (1) 썸네일형 리스트형 [Next.js] API 통신 흐름 - API Routes, route.js, page.jsx (Promise, fetch, await) ✏️ 흐름[Client] ----> [/api/test] ----> [Backend API] (page.jsx) (route.js) (실제 데이터 처리)클라이언트가 백엔드 API와 직접 통신하지 않도록 중간 서버(Next.js의 API Routes)를 두어 인증 및 데이터 요청을 처리하는 Next.js 애플리케이션 설계 📒 핵심 개념 요약Next.js API Routes: 클라이언트와 백엔드 간의 중계 역할 수행route.js: 클라이언트가 직접 백엔드와 통신하지 않고, Next.js 서버를 통해 데이터를 요청하도록 만듦→ 이 방식을 통해 보안(인증 토큰 관리), API 통합 관리를 간소화할 수 있음page.jsx: Next.js의 클라이언트 컴포넌트, U.. 이전 1 다음
