[Chrome] 크롬 개발자도구 실행과 한국어 변경 방법

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

구글에서 만든 크롬 브라우저는 개발을 도와주는 ‘크롬 개발자도구’가 있습니다. 개발자 도구(Developer tools)를 이용해서 HTML, CSS, JavaScript의 생산성을 높일 수 있습니다. 개발자를 위한 도구이지만 글자 크기, 색, 간격과 같은 값을 확인할 수도 있고 웹사이트의 속도를 PC뿐만 아닌 모바일 버전으로도 확인할 수 있는 장점이 있습니다.

1. 개발자모드 실행 방법

실행 방법은 2가지가 있습니다. 검수하려는 웹사이트에 접속 후 맥에서 [command+option+I], 윈도우에서는 [ctrl+shift+I]를 눌러 실행하면 됩니다. 제일 많이 사용하는 단축키는 [F12]이겠죠. 직접 접속 할 때는 크롬 앱의 우측 상단 [더보기] > [도구 더보기] > [개발자 도구]를 클릭하면 확인할 수 있습니다.

크롬 개발자도구-더보기 메뉴에서 실행하기

2. 크롬 개발자도구 한국어 변경 및 다크모드 설정

개발자도구를 한국어로 변경 후 사용할 수 있습니다. 개발자도구의 기본 인터페이스입니다.

크롬 개발자도구-기본 인터페이스(영어)

크롬 개발자도구 실행 후 우측 상단 톱니바퀴 모양 [설정] 버튼을 클릭합니다.

크롬 개발자도구-우측 상단 설정 버튼

개발자 도구 설정 화면의 기본 인터페이스입니다.

크롬 개발자도구-설정 기본 인터페이스(영어)

Language를 클릭해서 한국어 변경 및 크롬 개발자도구 테마를 다크모드로 변경할 수 있습니다. 설정 변경 후 창을 닫아 주면 됩니다.

크롬 개발자도구 설정-한국어 변경 및 다크모드 설정

3. 동기화 설정하기

PC에서 설정한 것을 집에 가서 노트북 등으로 작업을 해야 하는데 재 설정을 해야 한다면 번거로울 수 있습니다. 동기화 설정이 가능합니다. 기본 환경설정 하단에 보면 [설정 동기화 사용]을 체크해서 사용할 수 있습니다.

크롬 개발자도구 환경설정-동기화 사용하기

개발자도구의 가장 기본적인 설정 법에 대해 알아 봤습니다.


ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 월 $16.5의 Envato Elements 저작권 | 일반 유료 사이트와 차이점은?

    엔바토 엘리먼트 정기 구독은 월 $16.5 금액으로 원하는 사진, 그래픽, 비디오, 웹 사이트 템플릿 등을 무제한으로 사용할 수 있는 서비스입니다. 유튜버나 워드프레스 블로그를 운영하는 분들이 양질의 사진을 정기 구독 기간 동안 무한정으로 사용할 수 있는 Envato Elements 저작권은 어떤 조건을 가지고 있는지 알아 보도록 하겠습니다. 이미지나 비디오를 직접 구매하는 것이 아닌 구독으로 이용하는…

  • 카카오톡 다크모드 설정 방법 2가지(모바일&PC)

    웹 검색이나 앱(App) 사용을 할 때 눈의 피로감을 덜 하기 위해 다크모드 설정 후 사용을 많이 합니다. 다크 모드의 장점은 어두운 화면일 수록 방출되는 빛의 양이 줄어들어 눈의 피로감 역시 줄어듭니다. 다크모드는 전력 소비도 줄일 수 있어 휴대폰 사용 시 방전되는 기간을 늘릴 수 있습니다. 카카오톡 다크모드 설정 방법 모바일과 PC에 대해 하나…

  • [SEO] 링크 스팸과 구글 웹 검색 스팸 점수(Spam Score)

    검색엔진최적화를 위한 방법에는 여러가지가 있습니다. 성급한 생각에 정상적인 방법이 아닌 블랙햇 SEO를 기법을 사용하는 경우도 찾아 볼 수 있습니다. 블랙햇 SEO의 일종인 링크 스팸과 구글 검색 노출이 되지 않을 가능성이 있는 구글 검색 스팸 점수(Spam Score)에 대해 알아 보겠습니다. 링크 스팸이란? 구글 웹 검색의 스팸 정책에서 ‘링크 스팸’을 찾아 볼 수 있습니다. Link…

  • 무료 로고 자동 제작 사이트 6개

    워드프레스 등으로 홈페이지를 직접 만들 경우 로고를 만드는데 많은 시간을 할애할 수 있습니다. 추가 비용 없이 ‘무료 로고 자동 제작 사이트’ 6곳에 대해 정리해 봤습니다. 네이버 블로그 등에서 티스토리 블로그 등의 글을 그대로 복사해서 짜집기해서 막상 들어가 보면 무료가 아닌 유료 로고 사이트이거나 SSL 인증서가 설치되지 않은 사이트인 경우가 있었습니다. 최소한의 로고 제작…

  • [SEO] robots.txt 정의 | 구글 or 네이버에서 유효성 검사하기

    Robots.txt란 웹 마스터가 웹 로봇(보통 검색 엔진 로봇)에게 웹 사이트 페이지의 크롤링 방법을 지시하기 위한 텍스트 파일입니다. robots.txt 웹 사이트의 루트 파일에 위치하고 있어야 합니다. 이 파일은 로봇이 웹을 탐색하고 콘텐츠에 접근하며 해당 콘텐츠를 사용자에게 제공하는 방법을 제어하는 웹 표준인 로봇 배제 프로토콜(REP:robots exclusion protocol)의 일부입니다. 로봇 배제 프로토콜(REP)에 의해 모든 봇이 지침을…

  • NameCheap DNS 설정 및 레코드 설정 방법

    네임칩에서 도메인을 구매했다면, 원하는 회사 또는 네임칩의 기본 DNS 서버를 사용할 수 있습니다. 이 페이지에서 NameCheap DNS 서버 설정 방법을 안내합니다. 먼저 구매한 도메인의 관리 페이지의 도메인 리스트 탭으로 이동합니다. 맨 우측 관리 버튼을 클릭합니다. 1️⃣ NameCheap DNS 서버 설정 먼저 리디렉션 설정(NameCheap Basic DNS 기본 값)은 크게 필요하지 않고, 보통은 도착지가 www보다는…