soyeooooo 님의 블로그
[next.js] 왜 []안에는 not.found를 또 만들어줘야하나? 본문
- 왜 slug 폴더에 따로 만들어야 할까?
- 동적 라우트(예: [slug])는 특정 경로에 맞는 404 페이지가 필요합니다.
- /app/not-found는 전체 앱의 기본 404를 처리하지만, [slug] 안에서 발생하는 404는 해당 폴더에 not-found.tsx를 만들어야 제대로 동작합니다.
- 왜 전체 not-found를 못 읽을까?
- Next.js는 가장 가까운 경로의 not-found를 우선적으로 찾기 때문입니다.
- [slug] 경로에서 발생한 문제는 /app/not-found가 아니라 [slug]/not-found.tsx를 기대합니다.
쉽게 말해, 동적 라우트 안에서 404 처리를 하려면 그 폴더 안에 not-found.tsx를 만들어야 합니다.
'Web > FE' 카테고리의 다른 글
| [next.js] 홈페이지 css, tsx 정리 (1) | 2025.01.26 |
|---|---|
| [next.js] router.push 와 router.replace의 차이 (0) | 2025.01.05 |