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

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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


Similar Posts

  • [GA4] 구글 애널리틱스 데이터 설정-수집 및 보관 설정

    애널리틱스 GA4 계정 및 데이터 스트림을 생성했다면 ‘애널리틱스 데이터 설정’과 ‘내부 IP 제외’를 해서 통계를 보다 정확히 볼 수 있도록 하는 것이 필수 설정이라고 할 수 있습니다. 세 번째로 ‘추천 트래픽’을 제외 시키는 방법에 대해 알아 보겠습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기 1. 애널리틱스 데이터…

  • 티스토리 대안으로 사용할 수 있는 CMS 3가지

    구글 애드센스 광고 게재를 통해 블로그를 운영하는 경우 한국의 경우 티스토리를 가장 많이 이용합니다. 하지만 2022년 카카오 서비스가 중단되는 IDC 화재와 그 이전과 이후 지속적인 티스토리 오류가 발생하는 것이 사실입니다. 티스토리 대안으로 블로그스팟과 워드프레스를 가장 많이 언급합니다. 하지만 워드프레스는 ①비용 문제와 ②높은 진입 장벽을 이유로 시작하지 못하고 티스토리에 머무는 경우가 많습니다. 블로그스팟을 제외한…

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

    검색엔진최적화를 위한 방법에는 여러가지가 있습니다. 성급한 생각에 정상적인 방법이 아닌 블랙햇 SEO를 기법을 사용하는 경우도 찾아 볼 수 있습니다. 블랙햇 SEO의 일종인 링크 스팸과 구글 검색 노출이 되지 않을 가능성이 있는 구글 검색 스팸 점수(Spam Score)에 대해 알아 보겠습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기링크 스팸이란?…

  • [SEO] Blog Post vs. Article: 차이점은 무엇인가?

    웹사이트 콘텐츠를 발행할 때 [블로그 포스트&기사] 둘 중에 어떤 콘텐츠를 발행하는 것이 맞는지 SEO 관점에서 고민할 수 있습니다. 아니면 구글링으로 검색한 웹페이지의 콘텐츠가 Blog 게시물인지 기사인지 생각해 보신 적이 있나요? Blog Post vs. Article 두 종류의 콘텐츠는 어떤 차이점을 가지고 있으며 비즈니스 관점에서 어떤 콘텐츠를 게시하는 것이 더 나을지 알아 보겠습니다. 목차1. 개발자모드…

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

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

  • [Chrome] 구글 검색 기록 끄기 설정으로 자동 저장 비활성화 하기

    대부분 크롬 앱을 사용하면서 외부에서도 계정을 동기화 한 후 사용하는 경우가 많습니다. 개인 정보 보호와 같은 민감한 이유로 구글 검색 기록 끄기 설정을 해야 하는 경우가 있습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기✅ 구글 검색 기록 끄기 먼저 구글 페이지 우측 상단의 [구글 계정 관리]를 클릭합니다.(지금의…