크롬 확장프로그램 개발⛏️ 회고
프론트엔드
크롬 확장프로그램 개발⛏️ 회고
두줄요약
크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.
핵심 내용
- 크롬 확장프로그램 Zum NewTab의 개발, 배포, 검수 과정을 회고한 글
- Vue 기반 SPA 구조와 manifest.json, Chrome API, CSP, 빌드 후 zip 패키징 흐름 정리
- 개발모드에서는 stub 데이터를 사용하고, 배포용과 개발용 파비콘 API를 분리한 구성 설명
- 크롬 웹 스토어 검수에서 권한, HTTPS, 개인정보처리방침, base64 리소스, 검색 입력 전달 방식 등이 주요 이슈로 작용
적용해볼 점
- 확장프로그램은 manifest.json과 permissions 설계가 핵심
- 개발환경과 배포환경을 분리해 Chrome API 의존성과 검수 이슈를 줄이는 방식 필요
- 외부 API, 리소스, 입력 전달 경로는 HTTPS와 CSP 관점에서 사전 점검 필요