FE Debugging & Error Handling

$ARGUMENTS로 전달된 에러 메시지 또는 파일을 분석하여 원인을 진단하고 해결책을 제시한다.

진단 절차

1. 에러 파악: 에러 메시지, 스택 트레이스, 재현 조건을 확인한다
2. 원인 분석: 코드를 읽고 에러 패턴 목록에서 해당하는 항목을 식별한다
3. 해결책 제시: 구체적인 수정 코드와 함께 원인을 설명한다
4. 재발 방지: Error Boundary, 타입 강화 등 예방 조치를 안내한다

React 일반 에러

Hydration Mismatch

에러: Text content does not match server-rendered HTML

원인: 서버와 클라이언트에서 렌더링 결과가 다름