기초공대생

chrome 웹 스토어의 wappalyzer를 이용해 볼 것이다.

chrome 웹 스토어에 접속하여 Wappalyzer를 검색후 "chrome에 추가하기 버튼을 클릭한다."

.

나는 이미 추가했으므로 평가하기 버튼으로 바뀌어 있다.

에어비엔비에 접속하여 우측 상단의 Wappalyzer(보석모양)을 클릭하면 해당 사이트의 구성을 알 수 있다.

Netflix도 마찬가지로 우측 상단의 Wappalyzer를 통해 해당 사이트의 구성을 알 수 있다.

chrome 웹 스토어의 Web Developer를 사용할 것이다.

chrome 웹스토어에 접속해서 Web Developer를 검색한다.

.

나는 이미 추가했기 때문에 버튼이 평가하기로 바뀌어 있다.

.

chrome에 추가하기 버튼을 클릭해서 이를 추가한다.

네이버 뉴스에 접속하여 상단에 생긴 web developer(톱니바퀴모양)를 클릭한다.

.

information -> View Document Outline 을 클릭한다.

네이버 뉴스의 html코드들이 어떻게 짜여있는지 보기 쉽게 알 수 있다.