디버깅은 도구를 많이 여는 일이 아니라 증상과 증거를 한 줄로 연결하는 일이다

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

값·예외

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·기기 로그에서 다시 재현한다.

1. 재현 고정입력, 계정, 기기, network, 빌드를 기록한다.

2. 첫 이상 포착결과가 아니라 처음 깨진 값·요청·프레임을 찾는다.

3. 가설 하나변수 하나만 바꾸고 예상할 증거를 먼저 적는다.

4. 같은 증거 비교수정 전후와 회귀 시나리오를 동일 조건으로 확인한다.

Console은 표본객체의 나중 상태와 로그 순서만 보지 말고 중단 시점의 scope를 확인한다.

캐시를 포함Network의 disable cache 여부와 service worker·redirect도 재현 조건에 넣는다.

프로파일링 비용기록 도구 자체의 오버헤드를 감안하고 여러 번 측정한다.