탭마다 답해야 할 질문을 정해두면 디버깅이 흔들리지 않는다
도구를 켜는 것보다 각 탭에서 무엇을 확인하고 무엇을 버릴지 정하는 것이 중요하다.
| 탭 | 답해야 할 질문 | 볼 값 | 다음 판단 |
|---|---|---|---|
| Elements | DOM과 CSS가 예상과 같은가 | computed, layout, event listeners | 스타일/구조 문제인지 결정 |
| Console | 첫 오류가 어디서 시작됐는가 | message, stack, source line | 클라이언트 로직 추적 |
| Network | 요청과 응답이 기대와 같은가 | status, payload, response, cache | 서버/API 문제인지 분리 |
| Application | 저장된 상태가 올바른가 | cookie, storage, service worker | 세션/캐시 초기화 여부 |
| Performance | 느린 작업이 무엇인가 | flame chart, long task, layout | 렌더링/번들 최적화 후보 선정 |