콘텐츠로 이동

chrome-ext-base

AI에게 코드를 맡겨 Chrome MV3 확장을 만드는 출발점입니다. Claude Code 또는 Codex로 작업한다는 가정 위에 폴더 규칙과 자동화 진입점이 미리 잡혀 있어서, 첫 두세 프롬프트 이후에 구조가 일관성을 잃는 상황을 막아 줍니다.

이 페이지는 갈림길을 안내할 뿐입니다. 어디서부터 시작해야 하는지를 아래 표에서 확인한 다음, 해당 페이지로 곧장 넘어가면 됩니다.

어떤 분가야 할 곳
풀타임 개발자가 아닌 분, 터미널과 git이 처음, Node 설치부터 시작해야 하는 분비개발자용 매뉴얼
프론트엔드는 익숙한데 MV3 또는 CRXJS는 처음비개발자용 매뉴얼의 prerequisites부터 first-run까지, 그다음 전문가용 매뉴얼
이미 MV3 확장을 출시해 본 적 있음전문가용 매뉴얼, architecture부터 곧바로

세 행 가운데 어디에 해당하는지 판단이 서지 않으면 첫 행을 고르면 됩니다. 비개발자용 매뉴얼은 한 단계에서 한 가지 동작만 다루므로, 이미 익숙한 단계는 빠르게 훑고 넘어가도 됩니다.

전문가용 매뉴얼은 짧은 참고 문서 형식입니다. ADR과 FSD 6레이어, 어댑터 같은 어휘가 익숙하다고 가정하고, 결정 근거를 위주로 설명합니다. intro와 architecture, verification, build-and-package, distribution, updates 여섯 섹션으로 구성됩니다.

비개발자용 매뉴얼은 단계별로 진행합니다. AI가 코드를 쓴다는 발상에는 익숙하지만 터미널과 git, Node가 처음일 수 있다고 가정합니다. 화면이 어떻게 보여야 정상인지를 본문에서 같이 짚어 줍니다. index와 10개 단계로 구성됩니다.

같은 base를 두 가지 방식으로 설명한 한 쌍입니다. 서술하는 결은 다르지만 다루는 코드와 명령은 그대로 일치합니다.

첫 실행은 console-log 모드로 외부 서비스 없이 끝납니다. Supabase 계정도 자체 서버도 필요하지 않습니다. 결과가 브라우저 콘솔에 찍히는 모습을 직접 확인한 다음, 백엔드 모드를 옵션 페이지에서 바꾸는 흐름입니다. 모드를 전환해도 호출 코드는 한 줄도 고치지 않습니다.

AI 진입점은 Claude Code에서는 프로젝트 세팅 한 줄이고, Codex에서는 저장소 루트의 AGENTS.md입니다. 두 경로는 같은 기준 문서인 AI_AUTOMATION.md를 가리킵니다.

라이선스는 All Rights Reserved이며 상업 라이선스 모델을 따릅니다. 결제 흐름과 변호사 검토를 거친 COMMERCIAL-LICENSE.md가 아직 작업 중이라서, 실제 판매 전에는 그 두 가지가 마무리돼야 합니다. 매뉴얼과 랜딩 페이지는 공개돼 있어서, 지금 읽고 있는 이 페이지도 그대로 공개된 상태입니다.

본인에게 맞는 쪽을 골랐다면 전문가용 매뉴얼 또는 비개발자용 매뉴얼로 곧장 넘어갑니다.