[Chrome 개발자 도구] 네트워크 패널 DevTools - Network

 구글 크롬 개발자도구 Chrome DevTools

 Network panel  

 

::용도

•  리소스가 예상대로 다운로드 또는 업로드되고 있는지 확인해야 하는 경우 
  • 리소스가 실제로 업로드되거나 다운로드되고 있는지 확인합니다.
  • HTTP 헤더, 콘텐츠, 크기 등과 같은 개별 리소스의 속성을 검사합니다.

 

 

 

 

네트워크 요청시 보여지는 내용들

 

 

 

 

 

 

 

[자료]

Developers Chrome

https://developer.chrome.com/docs/devtools/network/

 

인프런 강의 "Vue.js 시작하기 - Age of Vue.js"

https://www.inflearn.com/course/age-of-vuejs

 

캡틴 판교 - 프런트엔드 개발자가 알아야하는 HTTP 프로토콜 Part 1

https://joshua1988.github.io/web-development/http-part1/

 

 

---

 

 

:: 콘솔 패널 console panel

https://kangdanne.tistory.com/100

[Chrome] 개발자 도구 콘솔 패널 DevTools - console panel