728x90 반응형 Next.js2 Next.js의 폴더 구조 살펴보기 안녕하세요 오늘은 Next.js의 폴더 구조를 알아보겠습니다. Next.js 13 버전 이후부터 app 디렉토리 기반의 새로운 라우팅 시스템을 도입했습니다. 이는 기존의 pages 디렉토리 기반 라우팅 시스템과는 조금 다르며, 더욱 유연하고 효율적인 방식으로 라우팅을 처리합니다. app 디렉토리를 사용하면서도 프로젝트 구조를 적절하게 유지하려면 다음과 같은 방식으로 관리할 수 있습니다. src/├── app/ # Next.js 13의 새로운 라우팅 시스템을 사용│ ├── layout.tsx # 공통 레이아웃 파일│ ├── page.tsx # 기본 루트 페이지 (루트 경로 '/')│ ├── posts/ # 'posts' 경로 관련 페이지들│ │ └── .. 2024. 9. 19. Next.js API 라우트 VS Express 서버 프레임워크 안녕하세요 오늘은 Next.js api 라우트 기능을 활용한 백엔드 구현과 express 서버 프레임워크를 사용한 백엔드의 활용방안 및 비교에 대해 이야기 해보겠습니다. 1. 데이터 처리가 간단할 때 (Next.js API 라우트 > Express 서버 프레임워크)간단한 API 서버 (Next.js API 라우트가 적합한 경우):예를 들어, 단순한 블로그 플랫폼에서 사용자가 글을 작성하고 조회하는 기능을 제공하는 경우, Next.js API 라우트는 충분히 적합합니다. 사용자는 GET, POST 요청을 통해 데이터를 쉽게 조회하거나 삽입할 수 있습니다.예시:// pages/api/posts.jsexport default async function handler(req, res) { if (req.me.. 2024. 9. 19. 이전 1 다음 728x90 반응형