증상에서 증거로 가는 DevTools 라우터

재현 조건을 고정한 뒤 멈출 문제, 기록할 문제, 시간에 따른 문제를 구분하면 추측성 수정이 줄어든다.

값·예외

Sources / breakpoint

조건부 중단점, Scope, Call Stack으로 처음 틀어진 실행 지점을 잡는다.

요청·응답

Network

URL, method, payload, headers, response, timing을 같은 요청에서 비교한다.

끊김·지연

Performance

long task, scripting, layout, paint를 사용자 동작 타임라인과 맞춘다.

메모리 증가

Memory

동일 시나리오 전후 heap snapshot과 retain path를 비교한다.

실기기 전용

Remote debugging

실제 viewport·touch·CPU·network·기기 로그에서 다시 재현한다.

핵심증상에서 증거로 가는 DevTools 라우터은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.