* Network 패널의 기능
보고있는 브라우저에서 발생하고 있는 모든 통신 상태를 나타냄.
무슨 요청으로 호출했고 응답은 어떻게 되고 있는지 확인이 가능하다.
(웹사이트에서 통신하고 있는 모든 정보가 표시되기 때문)
Network 패널의 내부 탭 종류와 기능
All - 통신하는 모든 목록
JS - 페이지에서 사용하고 있는 JS 파일들. 해당 페이지에서 어떤 라이브러리를 사용했는지 대충 알 수 있음.
Media - 보통 mp4 파일들
XHR - 브라우저와 서버가 HTTP 통신 할 때 request 전문이 어떻게 구성되어 서버로 전달 되는지, 서버로 부터 요청에 따른 response 결과를 확인할 때 사용한다.
XHR: Xml http Request =>프론트엔드에서 백엔드에 api호출할때의 정보.
**👀 XHR은 AJAX(실시간으로 서버와 브라우저가 네트워크가 가능한 기능 ex:인스타의 좋아요기능
요청을 생성하는 JavaScript API
브라우저가 가지고있는 XMLHttpRequest(XHR) 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 것.
즉, XHR이 API이며 그 XHR의 기능이 AJAX 라는 것이다.
마켓컬리 카테고리 정보 가져오는 API 찾아보기
테슬라 영상 가져오기
