1. 크롬 확장프로그램이란?

익스텐션은 유저의 브라우징 경험을 개선하는 프로그램입니다. Chrome, Edge, Whale과 같은 브라우저의 스토어는 현재 수많은 익스텐션을 제공합니다.

익스텐션은 웹 클라이언트를 구성하는 기본 언어인 HTML, Javascript, CSS로 구성되어 있습니다. 익스텐션은 다른 웹 환경과는 분리된 환경에서 실행되며 extensions API를 사용할 수 있습니다. Extensions API는 브라우저 자체의 기능들을 사용할 수 있게 해 주며, 탭을 열고 닫거나, 현재 보고 있는 페이지에 HTML이나 CSS, JS를 삽입하여 유저들에게 유용한 정보를 보여줄 수 있습니다.

2. 확장프로그램 만들기

manifest.json 파일을 만든 후 아래내용을 적습니다.

{
  "manifest_version": 2,
  "name": "My Extension",
  "description": "Hi Chrome",
  "version": "1.0.0"
}

• manifest_version: 확장프로그램의 버전
• name: 확장프로그램 이름 / 확장프로그램 관리 페이지에 나오는 설명
• description: 확장프로그램 설명 / 확장프로그램 관리 페이지에 나오는 설명
• version: 프로젝트 버전

3. 로컬에 프로젝트 등록하기

1. '확장 프로그램' 페이지 접속

chrome://extensions/ 페이지로 접속합니다.

2. 개발자 모드 켜기

우상단의 개발자 모드를 켜주시면 됩니다.