크롬에서 Crawling - 1

 

예제 주소 : https://news.v.daum.net/v/20190728165812603

일론머스크 "테슬라에서 넷플릭스·유튜브 즐길 날 온다"

이해를 돕기 위해 일반적으로 사용되는 홈페이지 Html 소스코드를 확인해보자

여백에 우측마우스를 클릭하거나 Ctrl + U 를 키를 통해 페이지 소스보기를 클릭한다

그럼 아래와 같은 해당 페이지의 Html 소스를 확인 할 수 있다

위 Html 과 같은 소스코드가 일반적인 홈페이지를 나타내는데

구글 크롬에서는 위 코드를 랜더링 해서 보기 좋게 화면에 나타낸다

어떤 형식인지 알아보자

 

우선 F12 를 누른다

그림과 같은 창이 뜨는 것을 확인 할 수 있다

오늘은 Elements 와 Network 만 살펴보려고 한다

 

Html 과 한 줄 한 줄 매칭 되는 태그가 있다는 것을 알수있다

확인해보자

좌측 상단의 마우스 모양을 클릭하고

제목에 커서를 hovering 하게 되면

매칭 된 데이터를 확인 할 수 있다

자세히 보