메인 콘텐츠로 건너뛰기

​
빠른 시작

이 가이드는 몇 분 만에 코딩 플랜을 시작하는 방법을 안내합니다 — 구독부터 Claude Opus 4.5 및 Gemini 3 Pro와 같은 최고의 AI 모델을 코딩 도구에서 사용하는 방법까지.

​
시작하기

1

회원가입 또는 로그인

VibeCodeCheap 오픈 플랫폼에 접속하여 회원가입 또는 로그인하세요.
2

코딩 플랜 구독

로그인 후, 코딩 플랜으로 이동하여 원하는 구독 플랜을 선택하세요.
3

API 키 발급

구독 후, 계정 대시보드로 이동하여 API Keys를 클릭하여 새 API 키를 생성하세요.
API 키를 기밀로 유지하고 코드에 하드코딩하지 마세요. 환경 변수나 구성 파일에 저장하는 것을 권장합니다.
4

코딩 도구 선택

코딩 플랜은 여러 주요 코딩 도구를 지원합니다. 선호도에 따라 선택하세요:

Claude Code

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

기타 도구

5

코딩 도구 설정

Claude Code를 예로 들어 AI 모델 사용을 위한 설정 방법:
1. Claude Code 설치사전 요구사항: Node.js 18 이상 버전 설치 필요
# 터미널을 열고 Claude Code 설치
npm install -g @anthropic-ai/claude-code

# 작업 디렉토리(예: `your-project`)를 생성하고 `cd`로 이동
cd your-project

# 설치 후, `claude`를 실행하여 Claude Code 대화형 인터페이스 진입
claude
2. 환경 변수 설정Claude Code 설치 후, 다음 방법 중 하나로 환경 변수를 설정하세요:
환경 변수 설정 시 터미널은 아무런 출력을 반환하지 않습니다. 이는 정상이며, 오류 메시지가 나타나지 않으면 설정이 성공적으로 적용된 것입니다.
Claude Code 구성 파일 ~/.claude/settings.json을 편집하세요env 필드를 추가하거나 수정하세요:
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_api_key",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
your_api_key를 이전 단계에서 발급받은 API 키로 교체하세요.
6

코딩 시작

설정이 완료되면 강력한 AI 모델로 코딩을 시작할 수 있습니다!
# Claude Code에서 자연어 명령 사용
사용자 로그인 폼이 포함된 React 컴포넌트를 만들어 주세요
Claude Opus 4.5 / Gemini 3 Pro가 자동으로:
  • 요구사항을 분석하고 구현 계획 수립
  • 완전한 React 컴포넌트 코드 생성
  • 폼 유효성 검사 및 스타일링 포함
  • 코드가 바로 실행되도록 보장

​
기능 예시

스마트 코드 완성

컨텍스트에 기반한 실시간 완성 제안을 생성하여 수동 입력을 줄이고 개발 효율성을 크게 향상시킵니다.
// 함수 이름 입력 시 AI가 자동으로 구현 완성
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Pro가 자동으로 완전한 함수 구현 생성
}

코드 저장소 Q&A

팀의 코드베이스에 대해 언제든지 질문하여 전체적인 이해를 유지하세요.
Q: 이 프로젝트에서 사용자 인증은 어떻게 구현되어 있나요?
A: AI가 코드베이스를 분석하고 인증 프로세스와 관련 파일에 대한 자세한 설명을 제공합니다.

자동화된 작업 관리

린트 문제, 머지 충돌 수정 및 릴리스 노트 생성을 원클릭으로.
# 코드 스타일 문제 자동 수정
모든 ESLint 오류를 수정해 주세요

# 문서 자동 생성
이 API에 대한 상세 문서를 생성해 주세요