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

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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


Similar Posts

  • POP3 IMAP 차이점은 무엇인가요?

    이메일 프로토콜 시스템 POP3 IMAP 차이점은 무엇일까요? POP3(Post Office Protocol version 3)의 경우 TCP/IP 기반으로 이루어진 프로토콜로 메일 서버에서 수신한 이메일을 컴퓨터로 가져오기 위해 사용 됩니다. POP3는 원래 컴퓨터 한 대에서만 사용하도록 설계된 오래된 프로토콜입니다. IMAP((Internet Message Access Protocol)와 같이 양방향 동기화 통신을 사용하는 최신 프로토콜과 달리 POP3는 일방향 전자메일 동기화만 지원이 됩니다. 목차1….

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

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

  • [WP] 워드프레스 페이지 빌더 vs 블록 에디터 5가지 차이

    워드프레스 구텐베르크(Gutenberg) 블록은 블록 에디터입니다. 공식 블록 에디터가 출시된 이후 워드프레스 페이지 빌더(Page Builder)를 대체하는 방향으로 흐르지 않을까? 라는 의문을 워드프레스를 이용한 웹사이트를 운영한다면 누구나 가졌을 법한 의문입니다. 많은 사람들이 페이지 빌더를 버리고 블록 데이터(Block Editor)로 이동하게 될까요? 이 글에서는 여기에 대한 해답을 찾기 위해 각각의 차이점과 앞으로의 미래를 개인적인 의견으로 예측해 보겠습니다….

  • TTFB 속도(Time To First Byte Speed)

    TTFB란 서버에 HTTP 요청이 보내진 후 클라이언트의 브라우저가 첫 정보를 수신하는데(첫 번째 바이트를 읽는데 걸린 시간) 소요된 시간을 의미합니다. TTFB는 DNS 속도 측정 이후에 계산되는 것으로 오해하는 경우가 많지만 네트워킹에서 TTFB는 DNS를 포함한 네트워크 대기 시간이 포함됩니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기 1. TTFB 과정…

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

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

  • 포털사이트1위: 네이버 사이트 등록 방법

    네이버 사이트 등록 방법에 대해 알아보겠습니다. 먼저 네이버 서치어드바이저에 접속해야 합니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기1. 네이버 사이트 등록 서치어드바이저 접속 후 이미 가입한 네이버 아이디로 로그인 합니다. 다시 우측 상단의 네이버 웹마스터 가이드를 클릭합니다. 1.3까지 진행을 했다면 사이트 주소를 입력한 후 Enter 키를 눌러…