개발자도구

브라우저 저장소의 기능현재 로딩된 웹 페이지에서 사용된 모든 리소스를 검사할 수 있는 패널(이미지, DB, 로컬 및 세션 스토리지, 쿠키, 애플리케이션 캐시 등)Storage: 브라우저의 저장소Local Storage: 로컬스토리지의 데이터는 사용자가 지우지 않는 이상

http 네트워크 통신 정보API 크롤링, 페이지 로딩 성능 테스트(리소스 가져오는 순서, 시간, 요청과 응답)이미지, 영상 등의 소스 (mock data 활용) \-> 웹페이지와 서버 사이에서의 데이터의 흐름을 분석preview를 통해 보면 다음과 같은 항목을 API

Console panel 자바스크립트 코드 즉시 실행 디버깅 console 창에서 다음 줄에 코드를 작성하고 싶을 때 enter 대신 shift+enter이용 console 창에 여러줄 있을 때 마지막 줄이 return 된다. 다른 pane

페이지 레이아웃 html 확인스타일(css) 검사 및 편집\-> Elements panal에서 내용 수정해보고 원래 코드에 복사해서 붙여넣기도 한다.section tag는 semantic tag중의 하나로 HTML 문서에 포함된 독립적인 섹션(section)을 정의할