devtool2 [Chrome 개발자 도구] 네트워크 패널 DevTools - Network 구글 크롬 개발자도구 Chrome DevTools Network panel ::용도 리소스가 예상대로 다운로드 또는 업로드되고 있는지 확인해야 하는 경우 리소스가 실제로 업로드되거나 다운로드되고 있는지 확인합니다. HTTP 헤더, 콘텐츠, 크기 등과 같은 개별 리소스의 속성을 검사합니다. 네트워크 요청시 보여지는 내용들 [자료] Developers Chrome https://developer.chrome.com/docs/devtools/network/ 인프런 강의 "Vue.js 시작하기 - Age of Vue.js" https://www.inflearn.com/course/age-of-vuejs 캡틴 판교 - 프런트엔드 개발자가 알아야하는 HTTP 프로토콜 Part 1 https://joshua1988... 2022. 3. 16. [Chrome 개발자 도구] 콘솔 패널 DevTools - console panel 구글 크롬 개발자도구 Chrome DevTools console panel ::개발자 도구 보는 법 1. 마우스오른쪽 클릭 > 메뉴 > '검사'선택 2. 단축키 Mac : [Cmd + Opt + i] Window : [Cmd + Opt + i] 또는 [F12] :: Console 패널 보는 법 :: Console 패널의 기능 현재 페이지에서 실행중인 javascript의 console을 확인, 테스트 할 수 있다. console 패널에 코드를 입력하면 입력하면 브라우저에서 바로확인 가능하게 해준다. :: 화면을 새로고침 해도 console 내용이 지워지지 않고 남게 하는 방법은? 크롬의 개발자 도구에서는 console 옆 설정에서 "Preserve log"를 눌러주면 된다. ❗️기록이 남아있다고 해서 데.. 2021. 9. 5. 이전 1 다음
