frontend
반쯤 깨진 UI를 막는 법: Next.js 에러 바운더리 경계 설계
핵심은 이거: 에러 바운더리는 ‘기능 경계’에 둬야 UX가 산다. Next.js에서는 라우트 세그먼트(error.js)와 컴포넌트 경계를 조합해 실패를 국소화한다.
nextjsreactclient-component
#client-component
태그별 글 목록
태그별 글 목록
핵심은 이거: 에러 바운더리는 ‘기능 경계’에 둬야 UX가 산다. Next.js에서는 라우트 세그먼트(error.js)와 컴포넌트 경계를 조합해 실패를 국소화한다.
한 문장 결론: Blob 다운로드는 object URL을 만들고 클릭으로 트리거한 뒤 즉시 revoke로 해제하는 흐름이 반복 실행에서도 누적 리스크를 줄인다. Next.js에서는 브라우저 API 실행 위치를 Client Component로 고정하는 게 갈린다.