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

공정위 광고 문구 Ver 2.0

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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


Similar Posts

  • 윈도우 이모티콘(이모지) 사용 방법 2가지&아이폰

    윈도우 이모티콘은 이모지로도 부릅니다. 1. 윈도우(or크롬) 이모티콘 단축키 윈도우 단축키는 윈도우와 크롬 2가지가 있습니다. 1.1 윈도우 단축키 윈도우 단축키는 윈도우 키 + ;(세미콜론)입니다. Window 키 + ;(세미콜론) 1.2 윈도우 단축키 크롬 크롬을 사용할 경우에는 오른 쪽 마우스를 클릭하면 그림 이모지를 확인할 수 있습니다. 2. 윈도우 이모티콘(이모지) 터치키보드 사용법 터치키보드 사용 방법은 윈도우 작업표시줄…

  • Avast Browser 삭제 방법

    Avast 바이러스 프로그램을 삭제한 이후에도 Avast Browser가 남아 있어 PC 부팅 후 자동으로 브라우저가 나오는 불편한 경우가 있습니다. 불필요한 Avast Browser 삭제 방법을 알아 보겠습니다. 윈도우 탐색기 어베스트 세이프존 부라우저를 삭제하려고 제어판에 들어갔지만 삭제할 항목이 확인되지 않는 경우입니다. 먼저 윈도우 탐색기를 열어 아래의 경로로 접속합니다. 보통은 둘 중 하나의 폴더에 있습니다. Avast Browser…

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

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

  • [WP] 워드프레스 카테고리 vs 태그 차이와 SEO에 더 유리한 것은?

    워드프레스라는 콘텐츠 관리 시스템(CMS)이며, 카테고리와 태그 2개의 방법으로 분류해서 그룹화 할 수 있습니다. 워드프레스 카테고리 vs 태그 주요 차이와 어떤 방법으로 사용하는 것이 SEO에 유리한지 알아 보도록 하겠습니다.. 1. 워드프레스 카테고리란? 카테고리는 콘텐츠를 정렬하는데 사용하며, 태그보다 큰 범주로 묶습니다. 주제를 하나로 묶는 역할을 한다고 볼 수 있습니다. 예를 들어 IT 주제의 사이트인 경우…

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

    구글 애널리틱스에서 구글의 서치 콘솔(Google Search Console)을 연결해서 사용할 수 있습니다. 애널리틱스 서치 콘솔 연결이 필요한 이유는 어떤 검색어로 유입되었는지 확인하는 것 뿐 아니라 검색 결과 페이지 노출 수와 순위, 노출 수 대비 순위 등을 알 수 있기 때문입니다. 1. 애널리틱스 서치 콘솔 연결 이점 서치 콘솔만 사용할 때 크롤링과 색인, 실적 등…

  • 아마존 어소시에이트 가입 방법

    세계에서 가장 큰 제휴 마케팅 프로그램 중 하나인 아마존 어소시에이트 가입 방법에 대해 간단히 알아 보겠습니다. 어필리에이트(Affiliate)는 “제휴하다“란 뜻을 가지고 있습니다. 웹 사이트의 발행자(publisher)는 제휴 파트너(아마존 or 쿠팡 등)에서 제공하는 광고를 올린 후 웹 사이트에 올린 후 수익이 발생하면 커미션(보상)을 받습니다. 1. 아마존 어소시에이트 가입 방법 가입은 가입 사이트로 가셔서 Sing up을 누른…