• 웹 개발을 하다보면 Ajax와 같은 요청 처리에 대해 문제가 생길 수 있다.
• Ajax 통신에서 로직이 문제인지, 서버쪽의 문제인지 등 소스코드상으로 디버깅 할 수 없는 부분은 네트워크 통신과정에서 확인할 수 있다.

크롬 개발자 도구 네트워크 패널

• 녹화 기능을 통해 HTML, CSS, JS, image 파일을 내려받는 상황을 알 수 있다
• 404와 같은 응답 오류에 대해 문제를 쉽게 찾을 수 있다.
• 얼마나 서버로부터 응답이 걸리는지 등 성능 개선을 위해 진단할 수 있는 도구 역할을 한다.
  참고자료 : https://developer.chrome.com/docs/devtools/network/