Front-End/Next.JS (1) 썸네일형 리스트형 [Framework] Next.js의 프로젝트 구조(1) - Top Level Files and Folders 목차) 1. Top-level files 2. Top level folders 3. 참고 Top-level 이란, 프로젝트 구조 및 동작 설정을 하는 레벨을 의미한다. 프로젝트의 최상위 디렉토리에 위치시키며, 특정 이름을 가진 파일 또는 폴더를 생성하여 구조 및 동작을 설정하는 것이 목적이다. 1. Top-level files 1) next.config.js next.js 프로젝트 설정 파일 (설정 예시) 1. Webpack 설정 변경 2. Webpack loader 추가 3. 페이지 경로 설정 · rewrites(){ ... } 4. plugin 추가 2) _middleware.ts Next.js의 내장 middleware를 사용하여 서버 사이드와 클라이언트 사이드의 요청을 중간에 가로채고 수정하는 기.. 이전 1 다음
