증상을 보면 먼저 열 패널과 확인할 값이 정해진다
패널은 많지만 질문은 단순하다. DOM, 오류, 요청, 저장소, 성능 중 어디에 증거가 있는지 먼저 고른다.
| 증상 | 패널 | 확인할 값 | 수정 후보 |
|---|---|---|---|
| 스타일이 다름 | Elements | computed style, box model | className, CSS 우선순위 |
| 클릭 후 예외 | Console/Sources | stack trace, breakpoint state | handler, state, props |
| 데이터가 비어 있음 | Network | request payload, response JSON | API route, query, auth header |
| 로그인 유지 실패 | Application | cookie, local storage, cache | session option, domain, expiry |
| 스크롤/입력 버벅임 | Performance | long task, layout shift | heavy render, memo, virtualization |