크롬 확장프로그램

1 개요

Chrome Extension

크롬 확장 프로그램, 크롬 익스텐션

• 구글 크롬 웹브라우저에서 기능을 확장하기 위한 플러그인, 애드온
• 브라우저의 사용자 경험을 개선하거나 자동화 작업 등을 수행하기 위해 사용한다.
• 크롬 웹 스토어를 통해 설치 가능하다.

2 특징

• HTML, CSS, JavaScript 등 웹 기술 기반
• manifest.json 설정 파일 포함
• 브라우저 UI와 통합 가능 (툴바 아이콘, 컨텍스트 메뉴, 팝업, 옵션 페이지 등)
• 백그라운드 스크립트, 콘텐츠 스크립트, 서비스 워커 등을 통해 다양한 기능 수행

3 주요 구성요소

• manifest.json – 확장 프로그램의 메타 정보와 권한 정의
• background.js – 백그라운드에서 실행되는 로직
• content.js – 웹페이지에 삽입되어 DOM 접근이 가능한 스크립트
• popup.html – 툴바 아이콘 클릭 시 표시되는 팝업 UI
• options.html – 확장의 설정을 구성하는 페이지

4 활용 예시

• 광고 차단
• 웹페이지 번역
• 자동 로그인, 자동 입력
• 가격 비교, 쇼핑 도우미
• 개발 도구 (CSS 검사, 색상 추출, 성능 분석 등)

5 같이 보기

• 구글 크롬
• 크롬 웹 스토어

6 참고

• https://developer.chrome.com/docs/extensions
• https://chrome.google.com/webstore/category/extensions