[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

  • 아이폰 화면꺼짐 설정(시간30초부터~안함까지)

    Published:jarvis

    아이폰을 처음 산 후 사용하다 보면 화면 꺼짐으로 인한 불편함을 겪게 됩니다. 불편함을 없애기 위해 아이폰 화면꺼짐 설정 기능을 해제하거나 시간 설정을 하는 방법에 대해 알아보겠습니다. 먼저 아이폰의 설정 화면에서 디스플레이 및 밝기 탭으로 접속합니다. 접속 후 자동잠금 설정으로 접속합니다. [아이폰 화면꺼짐 설정 방법] – 디스플레이 및 밝기 -> 자동잠금 -> 시간 설정(아예…

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

    Published:jarvis

    윈도우 이모티콘은 이모지로도 부릅니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기1. 윈도우(or크롬) 이모티콘 단축키 윈도우 단축키는 윈도우와 크롬 2가지가 있습니다. 1.1 윈도우 단축키 윈도우 단축키는 윈도우 키 + ;(세미콜론)입니다. Window 키 + ;(세미콜론) 1.2 윈도우 단축키 크롬 크롬을 사용할 경우에는 오른 쪽 마우스를 클릭하면 그림 이모지를 확인할…

  • HTML5 기본 구조: 기본 템플릿 코드 및 태그별 역할

    Published:jarvis

    웹페이지를 만드는 기본 뼈대인 HTML은 지난 수십 년간 발전해 왔습니다. 초창기 HTML은 단순한 문서 구조화에 집중했지만, 점차 복잡한 웹 애플리케이션과 멀티미디어 콘텐츠가 등장하면서 기존 버전의 한계가 명확해졌습니다. 이러한 문제를 해결하고자 등장한 최신 표준이 바로 HTML5입니다. HTML5는 시맨틱 구조를 강화하고, 비디오·오디오 같은 멀티미디어 요소를 플러그인 없이 지원하며, 다양한 웹 API를 내장해 현대 웹 환경에…

  • HTTP란? HTTP 헤더와 상태코드 2xx 등의 의미

    Published:jarvis

    HTTP(HyperText Transfer Protocol)는 W3에서 정보를 주고 받을 수 있는 프로토콜입니다. 하이퍼 텍스트 전송 프로토콜은 웹 브라우저와 같은 통신 플랫폼에 웹 사이트를 로드할 때 사용되며 인터넷에서 데이터(HTML, CSS, 이미지, 비디오 등)를 전송하는데 사용되는 프로토콜입니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화 설정하기 HTTP 요청 정보 HTTP 요청에는 보통 5가지의 정보를 확인할…

  • 아이폰 캘린더 스팸 삭제 방법(아이폰XR기준)

    Published:jarvis

    아이폰 사용 중에 아이폰 캘린더 구독에 이상한 알람이 오는 경우가 있습니다. 지속적으로 캘린더에 악성 메시지가 이벤트 알람으로 지속적으로오는 경우인데 아이폰 캘린더 스팸 삭제를 해야 합니다. 원인은 문제가 있는 웹사이트 등에 접속 후 알람이 뜨는 것이며 바이러스에 걸린 것이라고까지 볼 필요는 없습니다. 목차1. 개발자모드 실행 방법2. 크롬 개발자도구 한국어 변경 및 다크모드 설정3. 동기화…

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

    Published:jarvis

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