개발자 도구는 여는 방법보다 어떤 증상을 보러 여는지가 먼저다
F12를 누른 뒤 아무 탭이나 보는 대신, 증상과 첫 질문을 정해두면 디버깅 시간이 줄어든다.
| 첫 질문 | 열 패널 | 좋은 확인 | 나쁜 습관 |
|---|---|---|---|
| 화면 구조가 예상과 같은가 | Elements | 선택 도구로 요소와 스타일 확인 | 코드만 보고 CSS 추측 |
| 브라우저에서 예외가 났는가 | Console | 첫 error stack과 재현 클릭 기록 | warning과 error를 섞어 읽음 |
| 서버 응답이 정상인가 | Network | status, response, headers 분리 | 요청 실패를 UI 문제로만 봄 |
| 느린 지점이 어디인가 | Performance | record 후 long task와 layout 확인 | 체감만으로 최적화 시작 |