목록2025/01/03 (1)
The Debugging Chronicles : "코드의 미학"
[웹 브라우저] Network panel 파헤치기
업무를 보다가 선임이 " 요청 url이랑 페이로드 모두 알려주세요" 라고 말했는데 무엇을 해야할지 몰라서 벙... 쪄 버렸다.오시더니 개발자도구에서 네트워크 패널을 열고 확인하셨다..그래서 알아보는 네트워크 패널! 네트워크 로그의 각행은 리소스를 나타낸다.기본적으로 리소스는 시간순으로 표시된다.최상위 리소스는 일반적으로 기본 HTML문서! 하단 리소스는 가장 최근에 요청된 리소스이다. 각 열은 리소스에 관한 정보를 나타낸다.- status : HTTP 응답 코드- type : 리소스 유형- initiator : 리소스가 요청된 원인. Initiator열의 링크를 클릭하면 요청을 일으킨 소스 코드로 이동- size : 네트워크를 통해 전송된 리소스의 양- time : 요청에 걸린 시간자세히 보기 사용하거나..
FrontEnd
2025. 1. 3. 12:14