크롬 개발자 툴을 알아보자
https://developers.google.com/web/tools/chrome-devtools/ 개발자도구는 마우스 우클릭 > 검사, 단축키 Ctrl+Shift+I 통해 열 수 있습니다. Device Mode 클릭 시 모바일 크기에 따른 화면 확인 가능 사용자 설정도 추가 가능합니다. edit > add custom device... 막대바 마우스 우측 클릭 시 미디어 쿼리 소스 확인 가능합니다. Elements hide element - visibility:hidden과 같습니다. scroll into view - 해당 태그로 스크롤 합니다. DOM Breakpoints - break on한 태그들을 확인 가능합니다. Break on을 설정해두면 자바스크립트 코드가 해당 dom 요소 변화를 줄 때..
개념
2019. 8. 1. 23:47