개발자 도구 Network

[TIL] 개발자 도구 Network

Network Network 해당 웹 사이트에서 통신하고 있는 모든 정보가 표시되는 곳 각 소스들을 불러올 때 속도, 요청, 응답을 확인 가능하며 네트워크 문제가 있을 시 비교/분석이 가능하다. (api 호출을 하였을 때 네트워크 탭을 통해서 제대로 호출,응답이 된 것인지 확인이 가능하다.) Network 탭 Filmstrip : 이미지 최상단에 위치한 그래프. 타임라인형태로 어떠한 데이터가 어떤 순서로 로드 됐는지 표시되는 곳. Name : 통신하고 있는 파일의 이름 status : HTTP 응답이 제대로 되었는지의 상태(200 ok, 40X client error, 50X server error) type : 파일의 종류 size : 파일의 사이즈 time : 해당 파일이 로드되는데의 시간 initi..