Frontend Error Architecture #1 - 경계와 책임
Next.js
Frontend Error Architecture #1 - 경계와 책임
의도한 에러 vs 의도하지 않은 에러를 분류하고, 서버·네트워크·인터랙션·렌더링·브라우저 5개의 경계에 변환과 처리의 책임을 부여하는 전략
Next.jsError Handling
frontend-error-architecture
frontend-error-architecture
Editorial Index
6개의 기록
Frontend Error Architecture #2 - 에러 모델과 도구 설계
Next.js
Frontend Error Architecture #2 - 에러 모델과 도구 설계
ERROR_REGISTRY로 에러 코드·정책·expected 여부를 통합 관리하고, Zod 스키마 검증 기반의 DomainError 모델과 makeError 팩토리 함수를 설계하기
Next.jsError Handling
Frontend Error Architecture #3 - 투 트랙 전략과 handleError
Next.js
Frontend Error Architecture #3 - 투 트랙 전략과 handleError
Return vs Throw 투 트랙으로 에러를 전달하되, DI 기반의 handleError 단일 처리기로 정책을 일관 적용하고 반환값으로 맥락별 UI를 처리하는 전략
Next.jsError Handling
Frontend Error Architecture #4 - 서버 경계와 네트워크 경계 구현
Next.js
Frontend Error Architecture #4 - 서버 경계와 네트워크 경계 구현
safeServerAction으로 직렬화 안전한 Result 패턴을 구현하고, networkBoundary로 오프라인·타임아웃·HTTP 에러를 세분화하는 서버/네트워크 경계 래퍼
Next.jsServer Actions
Frontend Error Architecture #5 - 클라이언트 경계 구현
Next.js
Frontend Error Architecture #5 - 클라이언트 경계 구현
safeHandler로 이벤트 핸들러 에러를 포착하고, error.tsx·global-error.tsx·브라우저 경계로 완전한 클라이언트 방어선을 구축하기
Next.jsError Boundary
Frontend Error Architecture #6 - DAL, TanStack Query, 그리고 완성된 방어선
Next.js
Frontend Error Architecture #6 - DAL, TanStack Query, 그리고 완성된 방어선
Data Access Layer와 TanStack Query에 투 트랙 전략을 실전 적용하고, HydrationBoundary·throwOnError로 완성된 에러 아키텍처 조감도를 그리기
Next.jsTanStack Query
모든 포스트를 불러왔습니다.