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

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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


Similar Posts

  • [SEO]스키마 마크업과 리치 스니펫이란? | Schema 유형 16가지

    리치 스니펫의 형태로 스키마 마크업을 사용하는 웹사이트가 늘어 났습니다. 아래는 Rich Snippets이 SERP에서 어떻게 보일 수 있는지 확인할 수 있는 예시입니다. 이번 페이지에서는 Schema가 무엇인지, 스키마 활용 방법과 리치 스니펫에 대해 살펴 보겠습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기1. 스키마 마크업이란? 스키마 마크업(Schema Markup)은 검색 엔진이…

  • [Chrome] 구글 검색기록 확인 및 삭제 방법

    크롬 브라우저에서 로그인한 상태로 검색을 하면 구글 검색기록이 계정에 저장되고 기기 간에 동기화 됩니다. 이를 통해 이전에 방문한 페이지를 다시 찾을 수 있습니다. 그러나 개인 정보를 보호하기 위해 필요한 경우 구글 검색 기록을 삭제할 수도 있습니다. 아이폰에 대한 검색 기록이나 방문 기록 삭제가 필요한 경우[✅ 모바일 구글 검색 기록 설정 및 삭제]로 바로…

  • [SEO] 구글 서치 콘솔이란 무엇인가? | 기본 용도 및 기능

    블로그를 포함한 인터넷 전자상거래, 회사 소개 웹 사이트 등 모든 종류의 웹 사이트의 중요한 목적은 웹 사이트의 웹 트래픽을 늘리는 것입니다. 전 세계 검색 시장의 높은 점유율을 차지하고 있고 앞으로도 유지할 것으로 보이는 구글에서 운영 중인 구글 서치 콘솔(Google Search Console)은 무엇인지 알아 보겠습니다. Google Search Console이란 웹 마스터가 색인에서 웹사이트의 상태를 모니터링…

  • [GA4] 구글 애널리틱스 서치 콘솔 연결 방법

    구글 애널리틱스에서 구글의 서치 콘솔(Google Search Console)을 연결해서 사용할 수 있습니다. 애널리틱스 서치 콘솔 연결이 필요한 이유는 어떤 검색어로 유입되었는지 확인하는 것 뿐 아니라 검색 결과 페이지 노출 수와 순위, 노출 수 대비 순위 등을 알 수 있기 때문입니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기1. 애널리틱스…

  • 구글 알리미 설정: 관심 분야의 키워드와 주제 설정하기

    ‘구글 알리미‘ or ‘구글 알림‘으로 부르는 구글의 알리미는 관심 분야의 키워드를 설정해서 관련 콘텐츠를 메일로 전달 받는 구글의 무료 서비스입니다. 뉴스 기자, 에디터, 마케터, 개인 블로거 및 특정 취미에 관심 있는 개인 사용자 등을 아우르는 특정 분야에서 지속적인 정보를 얻고자 할 때 구글 알리미 설정을 통해 사용하는 경우를 고려할 수 있습니다. 목차1. 개발자모드…

  • SSL 보안등급 확인 사이트

    내 웹사이트에 설정된 SSL 보안등급이 몇 등급인지 확인해 보도록 하겠다. SSL (Secure Sockets Layer)은 웹 콘텐츠, 이메일 또는 기타 유형의 정보를 전송하는 다른 상위 수준의 프로토콜을 통한 데이터 전송을 암호화하기 위한 네트워크 프로토콜이다. 오늘날 SSL 새로운 TLS (Transport Layer Security) 프로토콜 제품군으로 대체되었다. TLS는 클라이언트와 서버 간 네트워크로 통신 중 발생할 수 있는…