Dachae's DevLogs

Next.js Next.js는 React 기반의 웹 애플리케이션 개발을 위한 프레임워크입니다. React는 컴포넌트 기반 UI 라이브러리로 강력하지만, 실제 웹 애플리케이션을 만들기 위해서는 라우팅, 데이터 패칭, 서버 렌더링, SEO 최적화, 코드 분할 등의 여러 요소를 직접 구현해야 합니다.Next.js는 이러한 복잡한 기능들을 기본 제공하여, 개발자가 더 적은 설정과 코드로 더 강력한 웹 애플리케이션을 만들 수 있도록 도와줍니다. 1. Next.js란 무엇인가요?Next.js는 React 기반의 웹 애플리케이션을 쉽고 빠르게 개발할 수 있도록 도와주는 프레임워크입니다. 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API 라우팅, 이미지 최적화 등 React로는 직접 구현하기 복잡한 ..

Next.js 라우팅 Next.js는 React 기반의 프레임워크로, 복잡한 라우팅을 간편하게 처리할 수 있는 파일 기반 라우팅 시스템을 제공합니다. 특히 Next.js 13부터는 기존의 Pages Router 외에 새로운 방식인 App Router가 도입되며, 더 유연하고 강력한 기능들이 추가되었습니다.이 글에서는 Next.js 라우팅의 기본 개념부터, 최신 App Router 방식까지 한 번에 정리해 드립니다. 1. Next.js 라우팅이란?Next.js에서는 파일 이름과 디렉토리 구조가 곧 URL 경로가 됩니다. React Router처럼 수동으로 라우팅을 정의할 필요 없이, 구조에 맞게 폴더와 파일을 배치하기만 하면 됩니다./pages ├── index.js → / ├── abou..