[G1-Sync] Manual knowledge update
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
id: FE-ERR-BOUND-001
|
||||
category: "10_Wiki/💡 Topics/AI"
|
||||
confidence_score: 1.0
|
||||
tags: [react, error-handling, error-boundaries, observability, fallback-ui, ux, resilience]
|
||||
tags: [react, error-handling, error-[[Boundaries]], observability, fallback-ui, ux, [[Resilience]]]
|
||||
last_reinforced: 2026-04-26
|
||||
---
|
||||
|
||||
@@ -15,7 +15,7 @@ last_reinforced: 2026-04-26
|
||||
- **추출된 패턴:** "Graceful Degradation and Isolated Resilience" — 하위 컴포넌트 트리에서 발생한 에러를 포착하여 에러 로그를 기록하고, 깨진 컴포넌트 대신 미리 준비된 대체 UI를 렌더링하는 패턴.
|
||||
- **2025년 기준 에러 관리 핵심 요소:**
|
||||
- **Declarative Error Boundaries:** 클래스 컴포넌트나 `react-error-boundary` 라이브러리를 사용하여 에러 발생 구역을 명확히 선언.
|
||||
- **Fallback UI Strategy:** 스켈레톤 화면이나 "잠시 후 다시 시도해 주세요" 메시지 등 사용자 경험을 저해하지 않는 대체 화면 구성.
|
||||
- **Fallback UI [[Strategy]]:** 스켈레톤 화면이나 "잠시 후 다시 시도해 주세요" 메시지 등 사용자 경험을 저해하지 않는 대체 화면 구성.
|
||||
- **Observability Integration:** Sentry, LogRocket 등을 통해 에러의 맥락(Stack Trace, 사용자 세션)을 자동으로 수집 및 분석.
|
||||
- **Recovery Loops:** 에러 발생 시 사용자가 직접 초기화(Reset)하거나 시스템이 자동 재시도하는 매커니즘 구축.
|
||||
- **의의:** 예측 불가능한 런타임 에러로부터 전체 앱의 화이트아웃(White-out) 현상을 방지하고 비즈니스 연속성을 보장함.
|
||||
@@ -25,5 +25,5 @@ last_reinforced: 2026-04-26
|
||||
- **정책 변화:** Antigravity 프로젝트는 모든 주요 도메인 엔티티(결제, 인증, 콘텐츠)를 독립된 에러 경계로 감싸는 'Fault-Tolerant UI' 아키텍처를 강제하며, 모든 치명적 에러는 0.5초 이내에 모니터링 시스템에 리포팅되어야 함.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- React-Architecture, [[UX-Design-Principles]], Sentry-LogRocket-Monitoring, [[Frontend-Performance-Optimization-Guide]]
|
||||
- React-[[Architecture]], [[UX-Design-Principles]], Sentry-LogRocket-Monitoring, [[Frontend-Performance-[[Optimization]]-Guide]]
|
||||
- **Raw Source:** 00_Raw/React Error Boundaries.md, 00_Raw/Error Handling in 2025.md
|
||||
|
||||
Reference in New Issue
Block a user