크롬 #개발자도구 #HTML #CSS
-
Chrome - 개발자 도구 사용법카테고리 없음 2021. 6. 22. 23:22
HTTS, CSS, JS를 공부중일 때 사이트 분석하기 좋은 툴은 구글에서 제공하고 있습니다. 그것은 크롬 개발자 도구 개발자 도구는 F12 나 Ctrl+Shift+I를 통해서 편리하게 실행할 수 있다. 크롬 개발자 도구의 장점 ① 제작한 웹페이지의 문제점을 찾기 유용하다. HTML코드를 위에서부터 하나하나 리뷰하지 않아도 된다 ! ② 웹사이트가 어떤 구조로 이루어져 있고, 어떤 스타일이 사용되었는지 참고하기 좋다. 구조 살펴보기 ① 검사도구 : 검사하고 싶은 영역을 선택하게 도와줌 ② 디바이스 모두 : 디바이스별 화면을 확인 ③ Elements : 태그를 분석하고 실시간 수정하게 도와줌 ④ Console : JS의 콘솔 메시지 출력 정보 확인 ⑤ Sources : 웹페이지 포함된 모든 리소스 볼 수 있..