- Next.js 15의 에러 핸들링은
error.tsx
파일을 통해 구현됩니다. 🛠️ error.tsx
는 클라이언트 컴포넌트여야 하며, 에러 바운더리 역할을 합니다. 🛡️- 에러 바운더리는 특정 세그먼트의 에러를 격리하여 애플리케이션의 나머지 부분이 계속 작동하도록 합니다. 🧱
error.tsx
는 에러 객체를 props로 받아 더 유익한 에러 메시지를 표시할 수 있습니다. 🗣️- App Router는 라우트 세그먼트와 중첩된 자식들을 자동으로 React 에러 바운더리로 감쌉니다. 📦