웹 개발자 도구

웹 개발을 하는데 있어서 여러가지 기능을 제공해주는 도구.

크롬 웹 개발자 도구

HTML에 관련된 부분만 (크롬 개발자 수업 부분은 따로 공부할 것.)

분석하고 싶은 웹 페이지에서 마우스 우클릭 - 검사를 누르면

그것을 분석할 수 있음.

1. 디바이스 모드

더블 클릭해서 스마트폰, 데스크탑 등의 다양한 환경에서 현재 웹 사이트가

어떻게 화면에 보이는지 볼 수 있는 것.

좌측 상단 두번째에 있음.

2.네트워크 (Tab)

웹페이지가 어떤 자료를 주고 받는지

ex) img를 사용자 몰래 다운받아서

그것이 어떻게 지연, 정지되는지 분석하여 보여줌.

두가지만 다뤘음.