비개발자도 1시간 만에 글로벌 결제 사이트 만드는 법 (Claude Code + PayPal MCP 완전 정복)

오늘은 1인 창업자 관련 영상에 대한 내용을 가져왔습니다. 

 

아이디어 회의 → 코딩 → Firebase 로그인 → PayPal 결제 테스트까지, 한 번의 세션 안에 다 됩니다. 물론 중간에 삽질도 꽤 했습니다. 특히 PayPal MCP 연결할 때 빨간 에러 때문에 한참 고생했는데, 그 해결법도 이 글에 전부 담았습니다.

오늘 소개할 건 Connect AI Lab(제이쌤)이 공개한 ASCFP 전략입니다. 처음 들어보신다면 걱정 마세요. 지금부터 초보자도 바로 따라 할 수 있도록 처음부터 끝까지 설명합니다.

---

ASCFP가 뭔가요?

Antigravity + Skill + Claude Code + Firebase + PayPal

다섯 가지 도구를 조합해서, 기획-개발-결제까지 혼자서 다 하겠다는 전략입니다. 각각 무슨 역할을 하는지 한 줄로 정리하면:

도구	역할
Antigravity	AI 에이전트 실행 환경. "이거 만들어줘" 하면 알아서 처리
Skill	에이전트에게 주는 역할 명세서. "너는 수익형 사이트 만드는 전문가야"
Claude Code	코딩 특화 AI. 실제 코드 작업과 세부 디자인 수정
Firebase MCP	회원가입, 로그인, 데이터베이스를 AI가 자동으로 구축
PayPal MCP	달러 결제창을 코드 없이 AI가 자동으로 연결

이 다섯 개가 MCP(Model Context Protocol)라는 방식으로 서로 연결되면, Claude Code가 Firebase와 PayPal을 직접 조작할 수 있게 됩니다.

---

STEP 1. Claude Code 설치하기

가장 먼저 Claude Code를 설치해야 합니다. 터미널(맥은 Terminal, 윈도우는 PowerShell)을 열고 아래 명령어를 붙여넣기하고 엔터를 누르면 됩니다.

macOS / Linux / WSL 사용자

curl -fsSL https://claude.ai/install.sh | bash

Windows PowerShell 사용자

irm https://claude.ai/install.ps1 | iex

Windows CMD 사용자

curl -fsSL https://claude.ai/install.cmd -o install.cmd && install.cmd && del install.cmd

설치가 완료되면 터미널에서 claude를 입력해보세요. 아래처럼 Claude Code 인터페이스가 뜨면 성공입니다.

팁: VS Code(비주얼 스튜디오 코드)를 사용하신다면, 확장 프로그램 탭에서 Claude Code를 검색해 설치하면 에디터 안에서 바로 사용할 수 있어서 훨씬 편합니다.

---

STEP 2. Firebase MCP & PayPal MCP 설치하기

이게 핵심입니다. AI에게 Firebase와 PayPal이라는 "도구"를 쥐여주는 과정입니다.

Antigravity 또는 Claude Code의 MCP 설정 화면으로 들어가세요.

• Firebase MCP: MCP 스토어에서 Firebase를 찾아 Install 버튼 클릭
• PayPal MCP: MCP 스토어에서 PayPal을 찾아 Install 버튼 클릭

PayPal MCP 설정 — 여기서 막히는 분 많으니 주의하세요

PayPal MCP를 설치하면 두 가지 값을 입력하라고 합니다:

• PayPal Access Token
• PayPal Environment

이 값을 구하려면 PayPal 개발자 계정이 필요합니다.

① developer.paypal.com 접속 후 로그인

② Sandbox 앱 생성

상단 메뉴에서 Dashboard → Applications → Sandbox로 이동하고, Create App 버튼을 클릭합니다. 앱 이름을 적당히 입력하고 생성하면 Client ID와 Secret Key가 발급됩니다.

③ Access Token 발급

터미널에서 아래 명령어를 실행합니다. YOUR_CLIENT_ID와 YOUR_SECRET에 위에서 받은 값을 넣으면 됩니다:

curl -s -X POST "https://api-m.sandbox.paypal.com/v1/oauth2/token" \
  -u "YOUR_CLIENT_ID:YOUR_SECRET" \
  -H "Content-Type: application/x-www-form-urlencoded" \
  -d "grant_type=client_credentials"

실행하면 아래처럼 JSON 응답이 옵니다. 여기서 access_token 값을 복사하세요:

{
  "access_token": "A21AAK45ZLdriR8stU...(긴 토큰값)",
  "token_type": "Bearer",
  "expires_in": 32400
}

④ PayPal MCP에 입력

• PayPal Access Token 필드: 위에서 복사한 access_token 값
• PayPal Environment 필드: sandbox (테스트 중에는 반드시 소문자로)
• Save 클릭

⚠️ 여기서 빨간 에러가 나는 분들께 — 저도 여기서 한참 막혔습니다. 에러 메시지가 이렇게 뜬다면:

Error: Error initializing PayPal MCP server: The --tools arguments must be provided.

이건 @paypal/mcp 패키지의 버그로, GUI에서는 해결이 안 됩니다. 아래 방법으로 해결하세요:

터미널에서 이 명령어를 실행하세요:

claude mcp add paypal \
  -e PAYPAL_ACCESS_TOKEN="여기에_토큰값" \
  -e PAYPAL_ENVIRONMENT="sandbox" \
  -- npx -y @paypal/mcp --tools=all

그 다음 claude mcp list를 실행했을 때 paypal: ... ✓ Connected가 보이면 성공입니다.

---

STEP 3. 수익형 사이트 스킬(Skill) 자동 생성하기

이제 AI에게 "수익형 사이트 만드는 전문가" 역할을 부여할 차례입니다. 이게 바로 Skill입니다.

Antigravity를 열고, 아래 프롬프트를 통째로 복사해서 붙여넣기 후 전송하세요. 그러면 AI가 알아서 필요한 폴더와 파일을 만들어줍니다.

# Action Request: Create a New Skill "moneywebsite"

Please create a new directory and a SKILL.md file following the Antigravity Skill Standard specifications.

## 1. Directory Structure

Execute the following command to create the skill directory:
`mkdir -p .agent/skills/moneywebsite`

## 2. File Creation: .agent/skills/moneywebsite/SKILL.md

Create the `SKILL.md` file with the exact content below.

### Content of SKILL.md:

---
name: global-venture-builder
description: Activates when the user wants to build a profitable website, MVP, SaaS, or monetize an idea. It specializes in rapid development, global design standards, and integrating Firebase and PayPal via MCP.
---

# Role: Global Venture Builder (Profit Architect)

## Goal

To rapidly design and develop a high-quality, English-first, monetizable website that integrates backend and payment systems using Model Context Protocol (MCP).

## Persona

- **Identity**: You are a "Profit Architect"—a senior full-stack developer obsessed with ROI (Return on Investment) and speed-to-market.
- **Tone**: Professional, decisive, and results-oriented. Use English for code/UI, but explain in the user's preferred language.
- **Standard**: "Silicon Valley Quality." Clean, modern, and trustworthy design.

## Instructions

### Phase 1: Ideation & Strategy

1. **Analyze Request**: If the user has an idea, refine it for profitability. If not, propose a high-margin Micro-SaaS idea.
2. **Target Audience**: Assume a **Global Audience**. All UI text must be in **English**.

### Phase 2: Frontend Development (The Face)

1. **Stack**: Use modern HTML/CSS (Tailwind) or React.
2. **Design Principles**:
    - Minimalist and high-conversion layout.
    - Strong Call-to-Action (CTA) buttons.
    - Responsive (Mobile-first).

### Phase 3: Backend Infrastructure (Firebase MCP)

1. **Requirement**: Do not mock the backend. Use the **Firebase MCP** tool.
2. **Actions**:
    - Set up **Firebase Auth** for user login/signup.
    - Set up **Firestore** to save user data.

### Phase 4: Monetization (PayPal MCP)

1. **Requirement**: The site must make money. Use the **PayPal MCP** tool.
2. **Actions**:
    - Create a payment checkout flow.
    - Integrate PayPal buttons or API for transaction processing.

## Constraints

- **English UI**: The website content must be in English to target the global market.
- **Real Integration**: Always prefer using available MCP tools (Firebase, PayPal) over placeholder code.

전송 후 잠시 기다리면, 왼쪽 파일 탐색기에 .agent/skills/moneywebsite/SKILL.md 파일이 자동으로 생성됩니다.

스킬을 왜 만드나요?

두 가지 이유가 있습니다.

첫째, 토큰 절약입니다. AI와 대화가 길어지면 속도가 느려지고 토큰이 낭비됩니다. 새 대화를 시작해야 할 때 스킬 파일이 있으면 "수익형 사이트 만들어줘" 한 마디에 이전 맥락을 전부 불러옵니다.

둘째, 정확한 역할 부여입니다. 스킬 파일에 담긴 지시사항 덕분에 AI가 막연하게 개발하는 게 아니라, Firebase와 PayPal을 반드시 연결하고 영어 UI로 만들고 전환율 높은 레이아웃으로 설계하는 등 처음부터 목표에 맞게 움직입니다.

---

STEP 4. 실제로 사이트 만들어보기

모든 준비가 끝났습니다. 이제 진짜 재미있는 부분입니다.

Antigravity를 열고, 모드를 Planning으로 설정한 뒤 이렇게 입력하세요:

수익형 웹사이트 개발하자

그러면 Antigravity가 skill.md를 감지하고 "global-venture-builder 스킬을 활성화할까요?" 라고 묻습니다. 활성화하면, AI가 수익화 아이디어를 몇 가지 제안합니다. 예를 들어:

• AI 자기소개서 생성기 (건당 결제)
• 이력서 기반 맞춤 커버레터 생성기
• 글로벌 번역 문서 서비스

하나를 선택하면, AI가 스스로 태스크 목록을 만들고 하나씩 실행합니다. 기다리면 됩니다. 정말로, 그냥 기다리면 됩니다.

완료되면:

• 랜딩 페이지 (영어 UI)
• Google 소셜 로그인 (Firebase Auth)
• 결제 버튼 (PayPal)

이 전부가 연결된 사이트가 생성됩니다.

디자인이 마음에 안 든다면?

AI가 만든 첫 번째 버전은 기능 위주라 디자인이 밋밋할 수 있습니다. 이때는 Claude Code 터미널에서 이렇게 입력하세요:

Check our entire project and change the design cleanly. 
UIUX — so that global users can easily read it, 
with colors that are easy on the eyes.

Claude Code가 전체 코드를 분석해서 디자인을 새로 잡아줍니다. Antigravity가 기획과 구조를 잡고, Claude Code가 세부 마감을 한다고 생각하면 됩니다.

---

STEP 5. 실제 결제 테스트하기

사이트가 완성되면 Sandbox 모드에서 테스트 결제를 해볼 수 있습니다.

PayPal 개발자 대시보드에서 Sandbox Accounts로 이동하면 테스트용 구매자 계정이 있습니다. 그 계정으로 로그인해서 실제 결제 플로우를 따라가보세요. 카드 번호 입력, 승인, 완료 페이지까지 다 됩니다.

문제 없으면 PayPal Environment를 sandbox에서 production으로 바꾸고, Live 앱의 Client ID/Secret으로 새 토큰을 발급받아 교체하면 실제 결제가 됩니다.

---

이 방법의 진짜 강점 세 가지

1. 빠릅니다.

아이디어 회의부터 첫 배포까지 1시간입니다. 처음 세팅(PayPal 계정 등록 등)이 조금 걸리지만, 한 번 해두면 그 다음 서비스는 30분 안에도 나옵니다.

2. 처음부터 글로벌입니다.

영어 UI로 자동 생성되기 때문에 한국어 서비스를 나중에 글로벌화하는 번거로움이 없습니다. PayPal은 200개 이상 국가를 지원하고, 국내 PG사보다 가입이 훨씬 간단합니다.

3. 실제로 돈이 됩니다.

플레이스홀더 코드 없이 Firebase와 PayPal이 실제로 연결됩니다. "나중에 결제 붙이자"가 아니라 처음부터 결제가 되는 사이트가 만들어집니다.

---

자주 막히는 포인트 & 해결법 모음

① Claude Code 설치 후 claude 명령어를 쳐도 아무것도 안 나와요

터미널을 완전히 닫고 다시 열어보세요. 환경변수가 새 터미널에서만 적용되는 경우가 있습니다.

② PayPal MCP에서 계속 빨간 에러가 떠요

이 에러입니다:

Error: The --tools arguments must be provided. : calling "initialize": EOF.

GUI 화면에서는 해결이 안 됩니다. 터미널에서 아래 명령어로 직접 등록해야 합니다:

claude mcp add paypal \
  -e PAYPAL_ACCESS_TOKEN="발급받은_토큰" \
  -e PAYPAL_ENVIRONMENT="sandbox" \
  -- npx -y @paypal/mcp --tools=all

등록 후 claude mcp list 실행 → paypal: ... ✓ Connected 확인

③ Access Token이 만료됐다고 나와요

토큰은 약 9시간(32400초)짜리입니다. 만료됐으면 Step 2의 curl 명령어를 다시 실행해서 새 토큰을 발급받으면 됩니다.

④ Firebase 로그인은 됐는데 Google 소셜 로그인이 안 돼요

Firebase 콘솔(console.firebase.google.com)에서 Authentication → Sign-in method → Google을 활성화했는지 확인하세요. AI가 코드는 만들지만 Firebase 콘솔 설정은 직접 해야 할 수 있습니다.

⑤ Antigravity 토큰이 금방 바닥나요

Claude Code를 함께 사용하는 게 이래서 좋습니다. 큰 그림(기획, 구조)은 Antigravity로 잡고, 세부 작업(디자인 수정, 버그 수정)은 Claude Code 터미널로 하면 토큰 소비가 훨씬 줄어듭니다.

---

마치며

처음 접하면 도구가 많아 복잡해 보이지만, 사실 흐름은 단순합니다.

Antigravity로 계획 → Claude Code로 실행 → Firebase로 로그인 → PayPal로 결제

이 네 단계가 MCP로 연결되어 있어서, 자연어로 말하면 AI가 백엔드와 결제 시스템을 직접 다뤄줍니다. 개발자가 아니어도 됩니다. 코드를 몰라도 됩니다.

단, 이 모든 걸 처음 한 번은 직접 따라 해봐야 합니다. 읽는 것과 실제로 해보는 건 완전히 다릅니다. 에러도 나고 막히는 구간도 있지만, 그게 있어야 다음에 더 빨리 됩니다.

원본 가이드와 영상은 여기서 확인하세요:
🔗 ainightschool.xyz/textbook/global-venture-guide
🎬 YouTube: 클로드 코드 + 페이팔 MCP로 글로벌 서비스 만들기

---

읽어주셔서 감사합니다. 궁금한 점은 댓글로 남겨주세요.