[Next Js] Next 에서 Error 에러 처리 방법 : 404 / 500 / _error Pages , 에러 경계(ErrorBoundary)
Next js 에서 에러 처리를 하는 방법에 대해서 공부해보았습니다. 기본적으로 제공해주는 에러 처리 방법은 아래와 같습니다. 404 error page : 페이지를 찾지 못했을 때 보여줄 페이지 - 예) http://MyApp.com/asdlkj/alkdsjflkja 와 같이 해당 도메인에서 없는 페이지에 접근했을때 보여줄 페이지 500 error page : 서버쪽 문제가 생겼을 때 보여줄 페이지 _error page : 400에러, 500에러 이외의 에러가 발생했을 때 보여줄 페이지 Error : Next js 의 Error 컴포넌트 모듈로 에러를 페이지 내에서 처리할 수 있다. Error boundary : 클라이언트 쪽의 컴포넌트의 렌더링 문제가 발생했을 때 보여줄 컴포넌트 정의 및 경계 404..
Next.js/기술공부
2022. 4. 17. 15:02
Next js 404Page / 수박 겉핥기 공부 끝
404 Page Next js 에서 404 페이지를 만드는 방법은 아주 간단합니다. pages폴더에 404.js를 만들고 다음과 같이 페이지 구조를 작성해주면 끝입니다. // 404.js export default function NotFound() { return ( 404 : 없는 페이지 입니다. ); } 그럼 없는 페이지에 접속했을때 해당 페이지를 렌더링 시켜주죠 공부를 마치며... 노마드 코더님의 기초 Next js의 강의를 모두 수강하였습니다. 이상으로 NEXT.js 의 수박 겉핥기 식 기초 공부를 마치고, 더욱 심화되게 NEXT js를 공부해보려합니다.
Next.js/기초 공부 시작( 겉핥기 )
2022. 4. 12. 01:08
최근에 올라온 글