devtools (1) 썸네일형 리스트형 개발자 도구(Chrome)을 활용하여 웹 페이지 분석 1. F12 버튼을 누르면 개발자 도구가 실행됩니다. Elements Tab의 모습 (기사 출처 : https://www.mk.co.kr/news/stock/view/2022/01/54143/) ※ 그림 2에서 오른쪽 상단의 Select on elements를 통해 객체를 클릭 시 해당 태그로 이동하는 모습을 볼 수 있다. 2. Network Tab의 모습 - Image의 경우 첫번째 요청에 한번에 오지않고 브라우저가 전송받은 html을 렌더링하는 과정에서 이미지를 렌더링할 때 되면 그때 이미지를 요청하게 된다. - 최근 웹사이트들은 복잡하기에 한꺼번에 데이터가 가져와지지 않고 기본적인 데이터를 넘긴 후 Ajax 등을 통해 비동기적으로 데이터를 가져오게 된다. Ajax (Asynchronous Javas.. 이전 1 다음
