1. Network 패널의 기능은?
- http 네트워크 통신 확인
- API 크롤링, 페이지 로딩 성능 테스트
- 이미지, 영상 등의 소스 (mock data 활용)
- 리소스가 예상대로 다운로드 또는 업로드되고 있는지 확인해야 하는 경우
2. 네트워크 패널의 탭의 종류와 기능
- 패치/XHR : 브라우저와 서버가 HTTP 통신 할 때 request 전문이 어떻게 구성되어 서버로 전달 되는지, 서버로 부터 요청에 따른 response 결과를 확인할 때 사용한다.
- JS : 사용된 자바스크립트 파일
- CSS : 스타일링된 css 정보
- 이미지 : jpeg, png 등 해당 페이지에 보이는 이미지들
- 미디어 : gif, mp4 등 해당 페이지에 보이는 미디어파일들
3. Market Kurly(마켓컬리) 카테고리 정보 가져오는 API 찾아보기
- category-groups라는 이름으로 요청
(URL:https://api.kurly.com/collection/v2/home/sites/market/category-groups)- 요청 헤더 : 서버측에게 요청할 정보들을 request요청
- 응답 헤더 : 서버로부터 받은 reponse결과
(상태코드 200대 : 정상 / 400대 : 클라이언트 에러 / 500대 : 서버 에러)
4. Tesla 홈페이지에서 신나게 달리는 자동차 동영상 url 가져오기
Front-End Developer