debug escalation

디버깅 가설 검증

고급 디버깅에서는 Console, Breakpoint, Network, Performance를 문제 성격에 맞춰 바꿔 쓰는 판단이 중요합니다.

도구 선택

01Console 02Breakpoint 03Network 04저장 05Profile

값 확인

console.table, group, trace로 값과 호출 위치를 함께 봅니다.

흐름 정지

breakpoint와 step 실행으로 조건 분기와 이벤트 순서를 확인합니다.

요청 추적

API 실패는 상태 코드, payload, CORS, 캐시를 분리합니다.

성능 단서

느린 화면은 함수 시간, 렌더링, 레이아웃 계산을 따로 봅니다.