런타임노트

개발자 도구에서 element 나 콘솔, network, 쿠키 등을 보는 방법을 알고는 있지만 자세하게 하나하나 알아본 적은 없어서 공부하고 글을 써본다.!!! 모두에게 유용한 글이 되길!!!! 1. 개발자 도구(DevTools)란???? 브라우저에서 제공하는 하나의 도구. 웹 사이트를 즉각적으로 수정하고 문제의 원인을 파악하기 좋습니다. 특히 프론트엔드 개발자는 개발자 도구는 계속 켜놓고 작업하는 경우가 많습니다. 2. 개발자 도구 단축키 // 사용자 점유율이 가장 높은 크롬 기준! window : f12 mac : alt + cmd + i 3. 개발자 도구 패널 개발자 도구에는 여러개의 tab이 존재하는데, 자주 사용하는 4가지 tab을 살펴보자. 🐶 Elements panel 개발자 도구 키면 기본..