TIL # 15

Mikyung Lee·2021년 1월 15일
0
post-thumbnail

Network
Network 패널의 기능은?
👉🏽 해당 웹사이트에서 통신하고 있는 모든 정보가 표시된다.
무슨 요청으로 호출했고 응답은 어떻게 되고 있는지 확인 가능하다.
애플리케이션에서 발생하는 각각의 네트워크 동작에 대한 정보를 기록한다. 정보는 상세한 시간 정보와 HTTP 요청, 응답 헤더, 쿠피, 웹소켓 데이터 등이다. 다음과 같은 네트워크상의 문제의 답을 제공해준다.

Network 패널의 여러 가지 탭의 종류와 기능 살펴보기
👉🏽 XHR : Xml http Request =>프론트엔드에서 백엔드에 API 호출할때의 정보. XHR이 중요한 이유는 앞으로 개발을 진행하면서 프론트엔드에서 백엔드쪽으로 API를 호출할 일이 많을텐데 제대로 통신이 이루어져있는지, 제대로 이루어졌는데 원하는 동작을 하지 않으면 호출이나 응답은 제대로 됐는지 등에 대한 모든 정보를 알 수 있기때문이다.

Market Kurly(마켓컬리) 카테고리 정보 가져오는 API 찾아보기

Tesla 홈페이지에서 신나게 달리는 자동차 동영상 url 가져오기
https://tesla-cdn.thron.com/delivery/public/video/tesla/c63301a9-96bc-463d-9e5d-65f581cd87d6/bvlatuR/WEBHD/Range_Desktop

profile
front-end developer 🌷

0개의 댓글