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

Author:jarvis Hours 등록일 Hours 업데이트

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

1. 개발자모드 실행 방법

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

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

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

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

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

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

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

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

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

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

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

3. 동기화 설정하기

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

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

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

GA4 설치 방법

Similar Posts

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

    Published:wilson

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

  • 크롬 개발자 도구 성능 탭 활용

    Published:I-var uknew

    웹사이트의 성능을 정확하게 평가하려면 단순한 속도 점수보다, 브라우저가 실제로 렌더링과 스크립트를 어떤 순서로 처리하는지를 살펴보는 것이 더 중요합니다. 크롬 개발자 도구 성능 탭은 페이지 로딩 과정과 사용자 상호작용에 따른 성능 저하를 시각적으로 분석할 수 있는 도구입니다. 렌더링 지연, 자바스크립트 실행 순서, LCP·FCP·CLS와 같은 Core Web Vitals 지표까지 모두 한 화면에서 확인할 수 있어,…

  • 글로벌 SEO란? 인터내셔널 SEO 정의

    Published:jarvis

    특정 웹사이트를 보면 다국어 기능을 가진 사이트를 확인할 수 있습니다. 글로벌 SEO(Global SEO) 또는 인터내셔널 SEO(International SEO)로 부르며, 해외 SEO 시장 공략을 위한 인터내셔널 SEO 전략은 어떤 방식을 취해야 하는지 알아 보겠습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기 글로벌 SEO: 인터내셔널 SEO란? 해외 SEO 시장 공략을…

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

    Published:jarvis

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

  • 검색엔진 점유율 순위-구글vs네이버(2022년 1분기)

    Published:jarvis

    구글의 전세계 검색엔진 점유율은 92%로 독점적인 시장 구조를 형성하고 있음을 알 수 있습니다. 국내 검색엔진은 오랜 기간 네이버와 다음이 양분했지만 다음의 점유율은 5% 대로 하락하고 ‘구글vs네이버‘로 국내 검색엔진 시장은 양분화 되었다고 할 수 있습니다. 구글의 국내 점유율이 30%를 넘게 된 것은 2019년 부터입니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드…

  • 수익형 블로그 강의가 사기인 이유

    Published:macbeth

    티스토리 블로그부터 시작해서 워드프레스 블로그까지 블로그로 돈 버는 법에 대한 내용들이 구글 및 네이버 검색해도 많이 나옵니다. 구글 광고 및 크몽에서 5만원에서 40만원 정도의 구매 비용이 발생하는 것을 알 수 있습니다. 수익형 블로그 강의가 사기인 이유에 대해 알아 보겠습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기 1….