devtools

개발자 도구 패널별 진단

콘솔만 보는 습관을 벗어나 렌더링, 네트워크, 저장소, 성능을 따로 확인합니다.

error

Console

런타임 예외, hydration 경고, 사용자 이벤트 오류를 먼저 확인합니다.

request

Network

요청 순서, 캐시 상태, payload 크기, 응답 코드를 함께 봅니다.

timeline

Performance

긴 task, layout shift, scripting 시간을 프레임 단위로 추적합니다.

state

Application

cookie, localStorage, service worker, cache storage의 실제 값을 확인합니다.