- Next.js 15에서 사용자 정의 404 페이지 생성 방법 설명:
app
폴더에not-found.tsx
파일 생성. 🛠️ not-found
함수를 이용한 프로그래밍 방식 404 페이지 처리: 특정 조건(예: 리뷰 ID 1000 초과)에서 404 페이지 표시. 💻- 폴더별 특정 404 페이지 생성: 앱의 특정 섹션에 맞는 맞춤형 404 페이지 제공. 🗂️
use client
지시어 사용: 클라이언트 컴포넌트에서만 사용 가능한 React Hook(예:usePathname
) 사용을 위한 설정. 💡usePathname
Hook을 이용한 경로 파라미터 추출 및 동적 404 메시지 표시: 경로 정보 기반의 맞춤형 에러 메시지 출력. 📍