코딩 도구 연결하기

Claude Code, Codex, Cursor, VS Code, Gemini CLI, Windsurf, Cline, Trae에 Page Lemon을 추가하면, AI가 에디터나 터미널에서 내 계정의 모든 사이트를 게시하고 수정할 수 있어요. 대부분의 도구는 설정 블록 하나와 로그인만 있으면 돼요.

마지막 업데이트 2026년 10월 14일 · Markdown으로 보기

시작하기 전에

코딩 도구용 링크는 다음과 같아요.

https://mcp.pagelemon.com

로그인하기 전에도 이 링크로 새 사이트를 게시할 수 있어요(보관하지 않으면 72시간 뒤에 만료돼요). 로그인하고 나면 AI가 내 계정의 모든 사이트를 다룰 수 있어요.

로그인 과정은 어떤 도구에서나 같아요. 브라우저에서 Page Lemon 페이지가 열리면 Google이나 이메일로 로그인하고, 도구가 할 수 있는 일을 확인한 다음 허용을 누르세요. 그런 다음 도구로 돌아가세요.

Claude Code

Claude Code가 포함된 모든 Claude 요금제에서 쓸 수 있어요. 터미널에서 실행하세요.

claude mcp add --transport http pagelemon https://mcp.pagelemon.com

그다음 Claude Code 안에서 /mcp를 실행하고 pagelemon을 골라 로그인하세요.

Codex

codex mcp add pagelemon --url https://mcp.pagelemon.com
codex mcp login pagelemon

두 번째 명령이 Page Lemon을 열어 로그인할 수 있게 해 줘요. 대신 API 토큰을 쓰려면 설정 파일이 아니라 환경 변수에 넣어 두세요.

Cursor

모든 Cursor 요금제에서 쓸 수 있어요. ~/.cursor/mcp.json(모든 프로젝트) 또는 .cursor/mcp.json(프로젝트 하나)에 다음을 추가하세요.

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com"
    }
  }
}

Cursor 설정을 열고 MCP 섹션을 찾으세요(최근 버전에서는 Tools and MCP). pagelemon 옆에 로그인을 요청하면 눌러서 로그인하세요.

VS Code

VS Code의 GitHub Copilot에서 쓸 수 있고, Copilot Free도 포함돼요. 프로젝트의 .vscode/mcp.json에 다음을 추가하거나, 명령 팔레트에서 MCP: Add Server를 실행하고 HTTP를 고르세요.

{
  "servers": {
    "pagelemon": {
      "type": "http",
      "url": "https://mcp.pagelemon.com"
    }
  }
}

mcp.json에서 서버 위의 Start를 누르세요. VS Code가 Page Lemon의 로그인을 허용할지 물으면 허용하고 로그인하세요. Copilot Chat은 에이전트 모드로 사용하세요.

Copilot Business나 Enterprise에서는 조직이 MCP 서버를 끌 수 있어요. 추가할 수 없다면 관리자에게 문의하세요.

Gemini CLI

Google 계정으로 무료로 쓸 수 있어요. ~/.gemini/settings.json(모든 프로젝트) 또는 .gemini/settings.json(프로젝트 하나)에 다음을 추가하세요.

{
  "mcpServers": {
    "pagelemon": {
      "httpUrl": "https://mcp.pagelemon.com"
    }
  }
}

Gemini CLI를 시작하고 /mcp auth pagelemon를 실행해 로그인하세요.

Windsurf

모든 Windsurf 요금제에서 쓸 수 있어요. Teams 요금제에서는 먼저 관리자가 원격 MCP 서버를 허용해야 할 수 있어요. ~/.codeium/windsurf/mcp_config.json에 다음을 추가하세요.

{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Windsurf는 API 토큰으로 연결돼요. pl_...를 내 토큰으로 바꿔 주세요. Cascade의 MCP 메뉴에서 파일을 열고 서버 목록을 새로고침해도 돼요.

Cline과 Trae

Cline과 Trae는 헤더에 API 토큰을 담아 연결해요. 먼저 토큰을 만든 다음 도구의 MCP 설정에 Page Lemon을 추가하세요.

Cline에서 MCP Servers 패널을 열고 설정 파일(cline_mcp_settings.json)을 편집하세요.

{
  "mcpServers": {
    "pagelemon": {
      "type": "streamableHttp",
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Trae에서 설정의 MCP를 열고 서버를 직접 추가하는 옵션을 고른 다음 다음을 붙여 넣으세요.

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

pl_...를 내 토큰으로 바꾸세요. 이 설정 파일들은 프로젝트가 아니라 내 컴퓨터에 있어서 토큰이 git에 올라가지 않아요. 토큰은 90일 뒤에 만료돼요. 새로 만들어서 붙여 넣으세요.

로그인 대신 토큰 사용하기

여기 있는 어떤 도구든 로그인 대신 API 토큰을 쓸 수 있어요. 브라우저가 없는 서버 같은 곳에서 유용해요. 헤더로 보내세요: Authorization: Bearer pl_.... Claude Code는 이렇게 해요.

claude mcp add --transport http pagelemon https://mcp.pagelemon.com --header "Authorization: Bearer pl_..."

공유 프로젝트의 .cursor/mcp.json나 .vscode/mcp.json처럼 커밋하는 파일에는 토큰을 절대 넣지 마세요.

작동 확인

AI가 내 사이트 목록을 보여 주면 연결되고 로그인된 거예요.

문제가 생기면

아직 해결되지 않았나요? 문제 해결하기를 보거나 쓰는 도구를 알려 주시며 support@pagelemon.com으로 이메일을 보내 주세요.

연결 끊기

app.pagelemon.com/account/tokens(계정 설정 → API 토큰)을 열고 해당 도구 옆의 연결 해제를 누르세요. 바로 로그아웃되고 사이트는 계속 온라인 상태로 남아요. 그다음 도구 설정에서 pagelemon 항목을 삭제하세요.