코딩 몰라도 AI로 크롬 확장 프로그램 만들기, 내 크롬에만 설치해 테스트하는 방법

코딩을 몰라도 AI로 크롬 확장 프로그램 만들기는 가능합니다. 폴더 하나에 파일 3개를 저장하고 크롬 확장 프로그램 페이지에서 그 폴더만 불러오면, 내 크롬에만 설치해서 바로 테스트할 수 있어요. 처음 해 보는 분이 걸리는 곳은 코드가 아니라 파일 저장 방식과 개발자 모드입니다.

🔥 AI로 크롬 확장 프로그램 만들기 핵심 요약
• 버튼 하나, 글자 바꾸기, 페이지 정리 같은 작은 도구는 AI가 첫 시도에 만들어 주는 경우가 많습니다.
• 나 혼자 쓸 거면 웹 스토어 등록 없이 폴더를 불러오는 방식(개발자 모드)으로 충분합니다.
• 막히는 지점은 파일 확장자(.txt), 폴더 한 겹 어긋남, 개발자 모드 해제, 새로고침 누락 네 가지입니다.

코딩 몰라도 AI로 만들 수 있는 크롬 확장 프로그램의 범위

혼자 쓰는 작은 도구라면 코딩을 몰라도 만들 수 있습니다. 반대로 로그인, 결제, 서버 저장이 들어가면 AI가 코드를 줘도 초보자가 검증하기 어려워요.

기준은 단순해요. "브라우저 안에서 눈에 보이는 것을 바꾸거나 모으는 일"이면 가능한 쪽이고, "내 계정이나 남의 서버와 주고받는 일"이면 어려운 쪽입니다.

가능한 쪽 예시는 이렇습니다. 특정 사이트 글자 크기 키우기, 현재 페이지 제목과 주소를 한 번에 복사하는 버튼, 보기 싫은 영역 숨기기, 메모를 저장하는 작은 팝업 같은 것들이에요.

어려운 쪽은 다른 사람 데이터를 모아서 서버로 보내는 도구, 로그인 정보를 다루는 도구, 쇼핑몰 자동 결제 같은 것입니다. 이런 건 AI가 코드를 만들어 줘도 어디로 데이터가 나가는지 초보자가 읽어내기 어렵기 때문에, 저라면 첫 작품으로 고르지 않아요.

⚠️ 놓치면 손해 보는 주의사항
AI가 쓴 코드에 모든 사이트 접근 권한(<all_urls>)이 들어 있으면 내가 연 모든 페이지를 읽을 수 있는 확장 프로그램이 됩니다. 필요한 사이트 주소만 적도록 다시 요청하세요.

AI에게 보낼 첫 요청문과 AI 고르는 기준

요청문은 "무엇을 하고 싶은지"보다 "어떤 형식으로 달라는지"가 더 중요합니다. 형식을 안 정하면 AI가 코드 조각만 던지고, 그걸 어느 파일에 넣어야 할지 몰라 첫 단계에서 멈추는 분이 많아요.

아래 틀에서 대괄호만 내 상황으로 바꿔 쓰면 됩니다.

📋 첫 요청문 틀

크롬 확장 프로그램을 만들어 주세요. 코딩은 전혀 모릅니다.
- 하고 싶은 일: [예: 현재 보고 있는 페이지의 제목과 주소를 한 번에 복사하는 버튼]
- Manifest V3 기준으로 만들어 주세요.
- 파일마다 이름을 먼저 적고, 그 아래에 코드 전체를 하나의 코드 블록으로 주세요. 생략하지 마세요.
- 권한(permissions)은 꼭 필요한 것만 쓰고, 각각 왜 필요한지 한 줄로 설명해 주세요.
- 설치 후 어떻게 확인하는지도 순서대로 알려 주세요.

어떤 AI가 좋은지는 상황에 따라 갈립니다. 아래는 2026년 10월 기준으로 ChatGPT, Claude, Gemini에 같은 확장 프로그램을 시켜 본 매체 비교 기사들의 평가를 참고한 기준이에요. 모델이 수시로 바뀌니 같은 요청문을 두 곳에 넣어 보는 쪽이 더 확실합니다.

• 설명이 친절해야 하면 Gemini — 파일 구성과 설치 안내가 정돈돼 나온다는 평가가 있었습니다.
• 일단 빨리 돌아가는 첫 버전이 필요하면 ChatGPT — 몇 분 안에 기본 기능이 되는 프로토타입을 줬다는 평가입니다.
• 기능이 여러 개 들어간 완성품에 가깝게 받고 싶으면 Claude — 시간은 더 걸려도 결과물이 더 갖춰져 나왔다는 평가였어요.

크롬 확장 프로그램 만드는 순서 7단계

순서는 폴더 만들기, AI 요청, 파일 저장, 개발자 모드 켜기, 폴더 불러오기, 동작 확인, 수정 반복입니다. 이 순서를 건너뛰고 AI 답변만 계속 받으면 설치까지 가지 못해요.

1. 빈 폴더를 하나 만듭니다. 바탕화면에 영문 이름(예: my-extension)으로 만들면 경로 문제가 생길 확률이 낮아요.
2. AI에게 앞의 요청문을 보냅니다. 답변에 manifest.json, popup.html, popup.js 같은 파일 이름과 코드가 따로 나오는지 확인하세요.
3. 파일마다 메모장에 붙여 넣고 폴더에 저장합니다. 이름과 확장자는 AI가 적어 준 그대로, 인코딩은 UTF-8로 저장합니다.
4. 크롬 주소창에 chrome://extensions 를 입력합니다. 메뉴의 확장 프로그램 관리로 들어가도 같은 화면이에요.
5. 오른쪽 위 개발자 모드 스위치를 켭니다.
6. "압축해제된 확장 프로그램을 로드합니다"를 눌러 1번 폴더를 선택합니다. 크롬 버전에 따라 버튼 표기가 조금 다를 수 있습니다.
7. 툴바의 퍼즐 아이콘에서 핀으로 고정하고 눌러 봅니다. 안 되면 증상을 그대로 AI에게 알려 주고, 고친 파일로 교체한 뒤 확장 프로그램 카드의 새로고침 아이콘을 누릅니다.

7번에서 AI에게 증상을 전달할 때는 "안 돼요"보다 "버튼을 눌러도 아무 반응이 없어요, 오류 버튼에 이런 문구가 떠요"처럼 화면에 보인 것을 그대로 붙여 넣는 게 훨씬 빨리 해결됩니다.

내 크롬에만 설치해 테스트하는 방법과 자주 걸리는 5곳

내 크롬에만 설치하려면 스토어 등록 없이 개발자 모드로 폴더를 불러오면 됩니다. 이 방식은 비용도 심사도 없고, 폴더 파일을 고치면 바로 다시 시험할 수 있어요.

다만 설치는 됐는데 안 되는 경우가 은근히 많아요. 아래 5곳이 가장 자주 걸립니다.

• 파일이 manifest.json.txt 로 저장된 경우. 윈도우는 기본 설정에서 확장자를 숨겨서 눈에 안 보입니다. 폴더 보기 설정에서 파일 확장명을 켜 두세요.
• 폴더가 한 겹 어긋난 경우. 압축을 풀면 폴더 안에 또 폴더가 생기는데, manifest.json 이 바로 보이는 폴더를 골라야 합니다.
• manifest.json 의 쉼표나 따옴표가 틀린 경우. 이 파일 하나라도 형식이 깨지면 로드 단계에서 막히고, 오류 문구를 AI에게 그대로 보여 주면 대부분 바로 고쳐 줍니다.
• 고쳤는데 반영이 안 되는 경우. 크롬 공식 문서 기준으로 매니페스트, 서비스 워커, 콘텐츠 스크립트를 바꾸면 새로고침이 필요하고, 팝업 HTML·CSS는 필요 없습니다. 웹페이지에 적용하는 확장이면 해당 페이지도 새로고침하세요.
• 개발자 모드를 껐거나 폴더를 옮긴 경우. 크롬 134 버전부터 개발자 모드를 끄면 폴더로 불러온 확장 프로그램이 바로 꺼집니다. 폴더를 옮기거나 지워도 사라지니 영구 보관 폴더에 두세요.

⚠️ 시크릿 창에서는 따로 허용해야 합니다
확장 프로그램 카드의 세부정보에서 시크릿 모드에서 허용을 켜지 않으면, 시크릿 창에서는 아무 반응이 없어 고장 난 것처럼 보입니다.

설치 후 확장 프로그램 카드에 빨간 "오류" 버튼이 생기면 눌러서 문구를 복사하세요. 그 문구가 AI에게 줄 수 있는 가장 정확한 단서예요.

내 크롬에만 설치할지, 웹 스토어에 올릴지 비교

혼자 쓰는 도구면 폴더 로드로 끝내는 쪽이 낫고, 다른 사람이 써야 하면 스토어 쪽으로 가야 합니다. 이 갈림길을 몰라서 처음부터 크롬 웹 스토어 등록부터 알아보다 지치는 분이 적지 않아요.

공식 비용 기준은 2026년 10월 검색 시점의 정보입니다. 등록 전에 크롬 웹 스토어 개발자 대시보드에서 최신 안내를 한 번 더 확인하세요.

항목	내 크롬에 폴더 로드	웹 스토어 (공개 범위 제한)	웹 스토어 (전체 공개)
비용	0원	개발자 계정 등록비 1회 5달러	동일 (1회 5달러)
심사	없음	있음 (소요 시간은 크롬 웹 스토어 개발자 대시보드 안내에서 확인)	있음, 권한이 넓을수록 까다로워질 수 있음
다른 사람 설치	폴더 전달 + 상대도 개발자 모드 필요	링크로 설치	스토어 검색으로 설치
유지 조건	폴더 보관 + 개발자 모드 켜 둠	스토어 정책 준수	정책 준수 + 개인정보 처리 설명
맞는 사람	나 혼자 쓰는 작은 도구	가족·팀 소수에게 나눌 때	불특정 다수에게 배포할 때

표에서 눈여겨볼 건 "다른 사람 설치" 칸이에요. 폴더 방식은 받는 사람도 크롬 개발자 모드를 켜야 해서, 컴퓨터를 잘 모르는 가족에게 주기엔 현실적이지 않습니다.

비용만 보면 5달러는 부담스럽지 않아요. 진짜 비용은 심사 대응과 개인정보 안내 같은 관리 부담이죠. 쓸 사람이 나 하나뿐이라면 이 부담을 질 이유가 없습니다.

크롬 웹 스토어 등록은 5달러에 심사 대응까지 붙는 일이라, 정말 필요한 분만 하면 돼요. 이 갈림길 하나로 몇 시간을 아끼는 분도, 반대로 통째로 날리는 분도 있습니다.

반응형

내 조건이면 어디까지 가능한지 미리 따져 보기

만들려는 기능이 어느 쪽인지에 따라 난이도와 갈 길이 완전히 달라져요. 아래 두 조건은 같은 크롬 확장 프로그램이라도 결과가 갈리는 대표 경우입니다.

💡 내 조건이면? 간단 시뮬레이션

조건 A: 특정 사이트 한 곳의 글자 크기만 키우는 도구 → 파일 3개 안팎, 사이트 주소 한 줄만 권한에 적으면 되고, 폴더 로드만으로 평생 써도 됩니다.
조건 B: 모든 사이트에서 읽은 내용을 서버에 저장하는 도구 → 권한이 넓어지고 외부 전송 코드가 생겨서, 스토어에 올릴 땐 개인정보 처리 설명까지 따라붙습니다.

경계선은 "내 컴퓨터 밖으로 데이터가 나가느냐"에서 갈립니다.

AI가 준 코드를 읽을 줄 몰라도 확인할 방법은 있어요. ChatGPT, Claude, Gemini 어디든 "이 코드 중 외부로 데이터를 보내는 부분이 있으면 모두 알려 주세요"라고 물어보면, fetch나 외부 주소가 들어간 줄을 짚어 줍니다.

자주 묻는 질문

Q. 코딩을 몰라도 AI로 크롬 확장 프로그램을 만들 수 있나요?

네, 작은 도구라면 가능합니다. 버튼 하나, 페이지 정리, 간단한 저장 같은 범위는 AI가 만든 파일을 폴더에 저장하고 개발자 모드로 불러오는 것만으로 동작해요. 다만 로그인이나 결제가 들어가는 도구는 코드 검증이 어려워 처음 시도로는 권하지 않습니다.

Q. 크롬 웹 스토어에 안 올리고 내 컴퓨터에서만 써도 되나요?

됩니다. 개발자 모드를 켜고 폴더를 불러오면 내 크롬에만 설치돼요. 다만 개발자 모드를 끄면 꺼지고, 폴더를 옮기거나 지우면 사라지니 보관 위치를 정해 두세요.

Q. 개발자 모드를 켰는데도 확장 프로그램이 저절로 꺼져 있어요, 왜 그런가요?

대부분 오류가 났거나 개발자 모드가 꺼진 경우입니다. 카드에 "오류" 버튼이 있는지 먼저 보고, 있다면 그 문구를 AI에게 그대로 붙여 넣어 수정을 요청하세요.

Q. AI가 만든 코드를 그대로 설치해도 안전한가요?

조건부로 안전합니다. 권한이 필요한 사이트로만 좁혀져 있는지, 외부 주소로 보내는 코드가 없는지 AI에게 되물어 확인한 뒤에 설치하세요. 은행·결제 사이트에는 적용되지 않게 막아 두는 편이 저는 더 마음 편합니다.

Q. 코드를 고칠 때마다 확장 프로그램을 지웠다 다시 설치해야 하나요?

아니요, 확장 프로그램 카드의 새로고침 아이콘만 누르면 됩니다. 팝업 화면(HTML·CSS)만 바꿨다면 새로고침 없이도 반영되는 경우가 있어요.

Q. 나중에 웹 스토어에 올리려면 따로 다시 만들어야 하나요?

같은 폴더를 압축해서 올리는 방식이라 처음부터 다시 만들 필요는 없습니다. 다만 개발자 계정 등록비(1회 5달러)와 개인정보 안내 같은 준비물이 따로 필요하니 공식 안내를 먼저 확인하세요.

마무리: 지금 확인할 3가지

처음엔 아주 작은 기능 하나만 정해서 끝까지 설치해 보는 게 가장 빠릅니다. 큰 기능을 한 번에 시키면 오류 원인을 찾기도 어려워요.

• 만들 기능이 "눈에 보이는 것을 바꾸는 일"인지, "데이터를 밖으로 보내는 일"인지 한 문장으로 적어 보세요.
• 폴더를 영구 보관할 위치에 만들고, 파일 확장명 표시가 켜져 있는지 확인하세요.
• AI 답변을 받으면 설치 전에 "외부로 데이터를 보내는 코드가 있나요?"를 꼭 한 번 물어보세요.

이미 설치해 둔 확장 프로그램 중에 광고 팝업이 뜨는 게 있다면 크롬 확장 프로그램 광고 팝업이 뜰 때 삭제하는 방법부터 따로 정리해 뒀고, 크롬 자체 기능을 더 활용하고 싶다면 크롬 브라우저 기능 활용 가이드에서 놓치기 쉬운 설정을 확인할 수 있습니다.