'크롬 개발자 도구 사용하기'에 해당되는 글 1건



안녕하세요. 제임스 입니다. 


크롬을 이용하여 웹 개발 시 꼭 필요 한것 중 한가지를 들자면 바로 Chrome DevTools (크롬 개발자 도구) 입니다.

디버깅 도구, 네트워크 상태 체크, 메모리, 보안, 퍼포먼스 체크 및 콘솔 등을 지원하는 강력한 개발 툴입니다. 


오늘은 이 Chrome DevTools 실행하는 방법을 알아 보겠습니다. 




■ Chrome DevTools (개발자 도구) 열기



1. Chrome 메뉴에서 도구 더보기 > 개발자 도구 를 선택하여 활성화 할 수 있습니다. 


Chrome 메뉴 선택 (크롬 브라우저 우측 상단)


도구 더보기 클릭


개발자 도구 선택



2. 마우스 우클릭 > 검사 를 선택하여 활성화 하는 방법


마우스 우클릭 후 검사 선택 



3. 단축키를 사용 하는 방법


Windows --> Ctrl + Shift + I (영문자 아이)

Mac --> Command + Option + I (영문자 아이)



크롬 개발자 도구를 이용하면 개발이 한결 편해 지는 것을 느낄수 있습니다. 

관련 내용은 지속적으로 정리해서 올리겠습니다. 



 도움이 되셨다면 로그인이 필요 없는 

▼ 하트 클릭 한번 부탁 드립니다 

감사합니다 :D



블로그 이미지

쉬운코딩이최고

Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.

,