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

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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


Similar Posts

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

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

  • 구라제거기 다운로드 링크

    구라제거기(hoax eliminator)는 블루앤라이브(BLUEnLIVE)님께서 개발한 툴입니다. 키보드 보안 프로그램 및 인터넷 뱅킹 프로그램들은 우리가 사용하는 윈도우 PC의 성능을 느리게 만드는 프로그램이기도 하지요. nProte**, 안랩의 세이프 트랜잭션, 잉카인터넷 등 은행이나 증권사 홈페이지에서 강제로 다운 받게 설정된 프로그램들을 클릭 한번으로 삭제할 수 있는 소프트웨어다. nProte** 프로그램 등을 자주 쓰지 않는다면 느려진 컴퓨터를 제대로 쓰기 위해서라도 hoax…

  • 저작권 없는 무료 이미지 다운로드 사이트 추천 LIST 35+@-라이선스 확인

    블로그나 상업용으로 이미지를 사용해야 하는데 저작권 때문에 유료 이미지를 사용하지만 유료 이미지 사이트를 사용하는 것에는 한계가 있습니다. 예를 들어 한 달에 발행하는 뉴스·블로그 글이 이용하는 유료 이미지 사이트의 이미지 수를 초과하는 경우입니다. 저작권 없는 무료 이미지 사이트를 같이 사용하는 방법을 고려할 수 있습니다. 무료이미지 상업용 사용 조건 등은 어떻게 되는지 확인해 보겠습니다. 스톡…

  • [Google Analytics GA4] 구글 애널리틱스 GA4 설치하기

    구글 애널리틱스 GA4로 사이트의 기본적인 접속 통계 및 실시간 사용자를 확인 할 수 있습니다. GA4 신규 생성 방법에 대해 알아 보겠습니다. GA4 신규 세팅을 위해서는 운영중인 URL이 있는 웹사이트가 있어야 합니다. ※ 애널리틱스 카테고리는 [계정]과 그 하위 카테고리인 [속성]에서 거의 모든 설정을 한다고 본 후에 시작하는 것이 좋습니다. 목차1. 개발자모드 실행 방법2. 크롬…

  • [SEO] 애드센스를 이용한 효과적인 수익 창출을 하는 3가지 유형 웹사이트

    구글 애드센스(Google AdSense)는 광고주가 구글 애즈에서 광고를 올리면, 블로그, 포럼 사이트 등에서 애드센스 광고를 올려 수익을 창출하는 구조입니다. 애드센스를 이용한 효과적인 수익 창출을 하는 3개 웹사이트에 대해 알아 보겠습니다. 높은 CPC(클릭당 비용)이 발생하는 웹사이트는 어느 점에서 차이가 있을까요? 지속적이며 높은 수익을 낸 3가지 유형의 사이트입니다. 이 글은 구글 애드센스의 참고자료 웹페이지에서 참조 했습니다….

  • [SEO] 구글 랭크브레인이란? | RankBrain 최적화 방법 3가지

    검색엔진최적화를 공부한다면 구글 랭크 브레인(RankBrain) 알고리즘에 대해 이해해야 합니다. 랭크브레인은 기계 학습(데이터 입력을 통해 스스로 학습하는 기계의 능력)을 활용하여 검색 엔진 쿼리에 가장 관련성 높은 결과를 결정하는 역할을 합니다. 이전에는 Google이 기본 알고리즘을 사용하여 특정 검색어에 대한 결과를 결정했지만, RankBrain 이후에는 검색자의 위치, 개인화 요소, 검색어의 단어 등 다양한 요소를 고려하여 검색자의 실제…