[Next.js] Error UI, Error Handling
프로젝트를 빌드한 후에 에러가 발생하면 사용자는 next.js의 기본 에러메세지가 표시된 페이지를 확인하게 된다 이런 UI말고 우리가 의도한 UI로 사용자에게 재시도를 유도할 수 있게하려면 어떻게 할 수 있을까?Error UI를 만들기위한 기능도 넥스트에서 기본으로 제공하고 있다. Error UI 만들기1) route segment 폴더에 error.tsx 파일을 생성한다.2) error.tsx는 반드시 클라이언트 컴포넌트여야한다! ('use client')- 리액트의 error boundary와 연관- 에러 바운더리는 클래스 컴포넌트로 작성되어있고, 리액트 컴포넌트 트리 내에서 발생하는 오류를 잡아내 fallback UI를 렌더링하는 역할을 한다- 따라서 클라이언트 측에서 오류를 처리하기 위해서는 오..