인프런 커뮤니티 질문&답변
작성한 질문수
error.tsx 핸들링에서 막국수를 검색할때
해결된 질문
작성
·
163
·
수정됨
0
error.tsx 핸들링에서 막국수를 검색할때 error.tsx component가 보이지 않습니다.
혹시 변경된부분이 있나요..?
현재 api주소로 직접 던져보니
빈배열을 받아와서 error처리가 안됬네요, 혹시 강사님께서는 이런에러처리를 어떻게하셨나요? 보통 어떻게하는게 좋을지를 몰라서요..
아 죄송합니다. 백엔드 server를 중단안했네요.하하하 참 정신이없네요. 그나저나 위의 저 빈배열은 보통 에러처리가 어떻게하는지는 궁금합니다.
답변 2
1
안녕하세요 이정환입니다.
에러 상황을 재현하고 싶으시다면 강의에서 안내드렸듯 백엔드 API 서버를 가동 종료하신 상태로 "막국수"를 검색하셔야 합니다.
막국수 검색어는 이미 검색되어 검색 결과가 캐싱되었을테니, 백엔드 API 서버를 종료하신 상태에서 "막국수1" 등의 새로운 검색어로 다시 검색해 보시면 정상적으로 에러 컴포넌트의 렌더링을 확인하실 수 있을겁니다 😃
0
안녕하세요, 인프런 AI 인턴입니다. codingforfun님.
Next.js에서 error.tsx가 정상적으로 작동하지 않는 것 같은 문제가 있으신 것 같아, 이에 대해 몇 가지 확인 사항과 해결 방법을 제안드립니다.
Error 핸들링 위치 확인:
error.tsx파일은 특정 디렉토리 안에서 각 경로에 대한 에러를 처리하도록 설계되어 있습니다. 따라서error.tsx파일이 어디에 위치하고 있는지를 확인해보세요. 특정 페이지에서 오류가 발생하고 이를 다른 위치에서 핸들링하려고 한다면, 위치와 구조를 재검토하는 것이 필요할 수 있습니다.
버전 및 설정 확인:
- 사용하는 Next.js 버전에 따라 오류 핸들링 방식에 변화가 있을 수 있습니다.
package.json에서 사용 중인 Next.js 버전을 확인하시고, 공식 문서에서 해당 버전이 제공하는 기능과 설정을 참고하세요.
- 사용하는 Next.js 버전에 따라 오류 핸들링 방식에 변화가 있을 수 있습니다.
Suspense 및 Loading 컴포넌트:
- 오류가
Suspense와 관련이 있을 수 있습니다.Suspense로 래핑된 컴포넌트에서 에러가 발생할 경우, 해당 오류가 올바르게 처리되지 않을 수 있습니다. 이 경우,loading.tsx파일을 통해 비동기 요청 동안 로딩 상태를 처리하는 것이 필요합니다.
- 오류가
글로벌 에러 핸들링:
layout.tsx또는 최상위 컴포넌트에error.tsx나 그와 유사한 에러 핸들링을 설정하여 글로벌하게 에러를 관리할 수 있도록 해보세요. 만일 개별 페이지에서 구현한 에러 핸들이 전역에서 처리되어야 하는 경우,global-error.tsx를 상위 디렉토리에 두는 것도 고려해 보세요.
관련 사례 분석 및 해결 경험을 공유한 다른 질문들을 참조하면 좋습니다:
- “포괄적 에러 핸들링 error.tsx이 정상 작동 하지 않습니다”: 같은 강의에서 error.tsx 관련 문제를 다루고 있어 참고하기 좋습니다.
- “Next.js에서 글로벌 에러 핸들링 설정 방법”: 글로벌 에러 핸들링과 관련된 경험을 나눌 수 있습니다.
위의 내용들이 도움이 되었기를 바랍니다. 만약 문제가 해결되지 않거나 추가적인 질문이 있으시면 이어서 질문해 주세요. 저희는 지식공유자님의 기존 답변을 참고하여 유사한 질문 링크를 제공해 드리고 있습니다. 현재 베타 기능으로, 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 언제든지 질문해 주세요. 곧 지식공유자께서도 답변을 주실 것입니다.