Error pages/error.tsx function ErrorPage({ statusCode }: any) { return {statusCode ? `An error ${statusCode} occurred on server` : "An error occurred on client"}; } ErrorPage.getInitialProps = ({ res, err }: any) => { const statusCode = res ?
res.statusCode : err ? err.statusCode : 404; return { statusCode }; }; export default ErrorPage; pages/tempPage.tsx 빌드 후 API 호출때 실패 여부를 "status" props로 전달받아서 컴포넌트 출력전에 오류페이지로 보여준다. interface DefaultProps { status: number; data: any; } function TempPa...
![[Next.js] API 오류 화면 처리](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
#
404
#
500
#
api
#
apierror
#
next
#
nextjs
#
react
#
throw
#
trycatch
원문 링크 : [Next.js] API 오류 화면 처리
![[EXPO] 리엑트 네이티브 구축 및 EXPO 연동 앱 개발 환경 만들기](https://mblogthumb-phinf.pstatic.net/MjAyMDAyMDNfMTI1/MDAxNTgwNjYwNDIwNDU3.jh1o00u0GxjsSkPWduUi7LbIDZAAAHb2Zw3A7SOwfMkg.N5yQduT4J0Nyah7IRffgjS_XRfs3me_iXIUtLGGxHK4g.PNG.phongdaegi/image.png?type=w2)
![[CentOS7] 라라벨(Laravel) + PHP OCI8 모듈(패키지) 설치 및 연동하기](https://mblogthumb-phinf.pstatic.net/MjAyMDA2MDZfMjc0/MDAxNTkxNDQzMTM4NjU3.PLV17hIH5jZkbW-bzEdt1hi9uzb6plffG5fAHFlmnRAg.3XyRK72F7Xs3P3rGpU0iT8vmjLnBh856itge3f_TyBQg.PNG.phongdaegi/image.png?type=w2)
![[Flutter] 플러터 카카오 로그인 디버그, 릴리즈 해시키 설정](https://mblogthumb-phinf.pstatic.net/MjAyMTEwMTNfMTIx/MDAxNjM0MDU0ODA0MjU3.LPM98190TBiAGSgvhpetwWBl4imxlvXxFxAvSztubosg.a7iHpbpZ84mn5usdHCAPZYO5kmklXaOBtLPa4xY-nSUg.PNG.phongdaegi/%C4%B8%C3%B3.PNG?type=w2)