디버깅 판단 기준

증상 기반 증거 수집

같은 버그처럼 보여도 원인은 실행 흐름, 요청, 렌더링 비용, 기기 환경 중 하나에 숨어 있을 수 있습니다. 먼저 증상을 고정하고 도구와 증거를 한 줄로 연결합니다.

값이 예상과 다르거나 예외가 발생함

데이터 모양, 호출 순서, 실패 위치가 불명확합니다.

Console API error, trace, table, count

스택 트레이스와 자료형

어느 함수에서 깨졌는지, 반복 횟수와 객체 구조가 맞는지 봅니다.

특정 조건에서만 상태가 꼬임

반복문, 이벤트 핸들러, 비동기 흐름 중 한 지점이 의심됩니다.

Breakpoints 조건부 중단점, Watch, Step

Scope 값과 Call Stack

멈춘 순간의 변수, 이전 호출자, 다음 실행 줄을 함께 확인합니다.

요청 후 화면이 비거나 데이터가 다름

클라이언트가 보낸 값과 서버 응답 중 어디가 다른지 나눕니다.

Network Headers, Payload, Response, Timing

상태 코드와 실제 응답 본문

요청 파라미터, 캐시 여부, 지연 구간을 한 요청 단위로 비교합니다.

스크롤이 끊기거나 오래 켜두면 느려짐

CPU 작업, 렌더링, 메모리 증가가 서로 섞여 보입니다.

Performance / Memory Timeline, Long Task, Heap Snapshot

긴 작업과 남아 있는 객체

프레임 드롭, 반복 레이아웃, GC 이후에도 유지되는 객체를 봅니다.

모바일 기기에서만 터치나 화면이 이상함

데스크톱 재현으로는 입력 방식과 실제 성능을 놓칠 수 있습니다.

Remote Debugging 실기기 연결, 모바일 콘솔, 센서 확인

기기 로그와 실제 터치 흐름

뷰포트, 네트워크, 터치 이벤트, 기기 성능을 실제 환경에서 봅니다.