이 페이지는 Cloud Translation API를 통해 번역되었습니다.

확장 프로그램이란 무엇인가요?

확장 프로그램은 브라우징 환경을 맞춤설정하는 소규모 소프트웨어 프로그램입니다. 이를 통해 사용자는 개별 요구사항이나 선호도에 맞게 Chrome 기능과 동작을 맞춤설정할 수 있습니다. HTML, 자바스크립트, CSS와 같은 웹 기술을 기반으로 합니다.

확장 프로그램은 좁게 정의되고 이해하기 쉬운 단일 목적을 충족해야 합니다. 모든 것이 공통의 목적에 기여하는 한 단일 확장 프로그램에는 여러 구성요소와 다양한 기능이 포함될 수 있습니다.

사용자 인터페이스는 최소화되어야 하며 인텐트가 있어야 합니다. 위에 표시된 Google Mail Checker 확장 프로그램과 같은 간단한 아이콘부터 전체 페이지 재정의에 이르기까지 다양할 수 있습니다.

확장 프로그램 파일은 사용자가 다운로드하여 설치하는 단일 .crx 패키지로 압축됩니다. 즉, 확장 프로그램은 일반 웹 앱과 달리 웹 콘텐츠에 의존하지 않습니다.

확장 프로그램은 Chrome 개발자 대시보드를 통해 배포되며 Chrome 웹 스토어에 게시됩니다. 자세한 내용은 스토어 개발자 문서를 참고하세요.

Hello 확장 프로그램

이 간단한 Hello 확장 프로그램 예제를 사용하여 확장 프로그램을 간략하게 살펴보세요. 먼저 확장 프로그램의 파일을 저장할 새 디렉터리를 만들거나 샘플 페이지에서 다운로드합니다.

다음으로 manifest.json라는 파일을 추가하고 다음 코드를 포함합니다.

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

모든 확장 프로그램에는 매니페스트가 필요하지만 대부분의 확장 프로그램은 매니페스트만으로는 많은 작업을 하지 않습니다. 빠른 시작을 위해 확장 프로그램에는 browser_action 필드 아래에 팝업 파일과 아이콘이 선언되어 있습니다.

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

여기에서 hello_extensions.png를 다운로드한 다음 제목이 hello.html인 파일을 만듭니다.

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

이제 아이콘을 클릭하면 확장 프로그램에 hello.html이 표시됩니다. 다음 단계는 단축키를 사용 설정하는 명령어를 manifest.json에 포함하는 것입니다. 이 단계는 재미있지만 필수는 아닙니다.

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

마지막 단계는 로컬 머신에 확장 프로그램을 설치하는 것입니다.

브라우저에서 chrome://extensions로 이동합니다. 검색주소창 오른쪽 상단에 있는 Chrome 메뉴를 클릭하고 도구 더보기 위로 마우스를 가져간 후 확장 프로그램을 선택하여 이 페이지에 액세스할 수도 있습니다.
개발자 모드 옆의 체크박스를 선택합니다.
압축해제된 확장 프로그램 로드를 클릭하고 'Hello Extensions' 확장 프로그램의 디렉터리를 선택합니다.

축하합니다. 이제 hello_world.png 아이콘을 클릭하거나 키보드에서 Ctrl+Shift+F를 눌러 팝업 기반 확장 프로그램을 사용할 수 있습니다.

다음 단계

시작하기 튜토리얼 따라하기
개요 읽기
Chromium 블로그에서 최신 소식을 확인하세요.
chromium-extensions 그룹에 가입합니다.