[ 웹개발 ] 크롬 개발자도구 (Chrome Devtools) 열기

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

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

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

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

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

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

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

도구 더보기 클릭

개발자 도구 선택

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

마우스 우클릭 후 검사 선택 

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

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

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

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

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

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

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

감사합니다 :D