내 프로젝트로 배우는 가장 쉬운 방법

만들었으면 반은 왔어요
나머지 반, 여기서 채워요

AI 코딩 도구로 앱을 만들었나요? 프로젝트를 연결하면 AI가 기술 스택을 분석하고, 딱 필요한 것만 알려드려요

어떻게 작동하나요?

3단계로 프로젝트를 이해하세요

1

프로젝트 연결

코딩 도구에서 MCP로 원클릭 연결

2

AI가 분석

기술 스택, 구조, 패턴을 자동으로 파악

3

내 코드로 학습

내 프로젝트 코드가 교재가 됩니다

주요 기능

바이브 코더를 위한 올인원 학습 플랫폼

원클릭 프로젝트 연동

Claude Code, Cursor 등에서 한 번만 설정하면 끝

11개 AI 모델 지원

Anthropic, OpenAI, Google 등 원하는 모델로 분석

내 코드가 교과서

추상적인 튜토리얼 대신, 내가 만든 코드로 배워요

AI 튜터

모르는 건 바로 물어보세요. 내 코드로 설명해줘요

플랜 & 가격

무료로 시작하고, 필요할 때 업그레이드하세요

Free

$0/mo
  • 프로젝트 3개
  • 기본 기술 스택 분석
  • 월 1회 학습 로드맵
  • 월 20회 AI 대화
무료로 시작하기
인기

Pro

$19/mo
  • 무제한 프로젝트
  • 심화 분석
  • 무제한 학습 로드맵
  • 무제한 AI 대화
  • BYOK (자체 LLM 키)
Pro 시작하기

Team

$49/mo
  • Pro 전체 기능
  • 팀 프로젝트 공유
  • 팀 학습 대시보드
  • 우선 지원
Team 시작하기

자주 묻는 질문

바이브 코딩이 뭔가요?

바이브 코딩(Vibe Coding)은 AI 코딩 도구(Claude Code, Cursor, Bolt 등)를 사용하여 프롬프트만으로 앱을 만드는 방식이에요. "이런 기능 만들어줘"라고 말하면 AI가 코드를 생성하죠.

문제는, 이렇게 만든 앱이 돌아가는지 모를 수 있다는 거예요. VibeUniv는 바로 그 부분을 채워드립니다. 내 프로젝트 코드를 교재 삼아서, 진짜 이해할 수 있도록 도와드려요.

MCP로 프로젝트를 연결하는 방법이 궁금해요

MCP(Model Context Protocol)를 사용하면 코딩 도구에서 프로젝트를 자동으로 VibeUniv에 연결할 수 있어요. 아래 순서대로 따라해 보세요.

1단계: API 키 발급

VibeUniv에 가입한 뒤, Settings > API Keys 페이지에서 API 키를 하나 발급하세요. 이 키가 프로젝트를 내 계정에 연결하는 열쇠예요.

2단계: MCP 서버 설정 추가

사용 중인 도구에 맞게 MCP 설정 파일을 열어주세요.

  • Claude Code ~/.claude/claude_desktop_config.json
  • Cursor ~/.cursor/mcp.json

아래 내용을 추가하세요.

{
  "mcpServers": {
    "vibeuniv": {
      "command": "npx",
      "args": [
        "-y",
        "@vibeuniv/mcp-server@latest"
      ],
      "env": {
        "VIBEUNIV_API_KEY": "여기에_발급받은_API_키"
      }
    }
  }
}

3단계: 프로젝트 동기화

코딩 도구를 재시작하면 MCP 서버가 자동으로 연결돼요. 프로젝트 폴더에서 작업을 시작하면 파일 구조와 기술 스택이 자동으로 VibeUniv에 전송됩니다. 대시보드에서 프로젝트가 등록된 걸 확인하세요!

MCP 없이 프로젝트를 직접 업로드할 수도 있나요?

네! MCP를 사용할 수 없는 환경이라면, REST API를 통해 직접 업로드할 수 있어요.

방법 1: 대시보드에서 업로드

로그인 후 Dashboard > New Project 버튼을 클릭하면 프로젝트 이름을 입력하고, 주요 파일들을 직접 업로드할 수 있어요. package.json, tsconfig.json 같은 설정 파일과 소스 코드를 선택하면 됩니다.

방법 2: REST API로 전송

자동화를 원한다면 API를 사용하세요. 프로젝트 생성 후 파일을 전송하는 흐름입니다.

# 1. 프로젝트 생성
curl -X POST https://vibeuniv.com/api/v1/projects \
  -H "Authorization: Bearer 여기에_API_키" \
  -H "Content-Type: application/json" \
  -d '{"name": "my-awesome-app"}'

# 2. 파일 업로드 (프로젝트 ID를 사용)
curl -X POST https://vibeuniv.com/api/v1/projects/{id}/files \
  -H "Authorization: Bearer 여기에_API_키" \
  -H "Content-Type: application/json" \
  -d '{"files": [
    {"name": "package.json", "content": "..."},
    {"name": "app/page.tsx", "content": "..."}
  ]}'

# 3. 기술 스택 분석 요청
curl -X POST https://vibeuniv.com/api/v1/projects/{id}/analyze \
  -H "Authorization: Bearer 여기에_API_키"

업로드가 완료되면 대시보드에서 AI 분석을 실행하고, 학습 로드맵을 생성할 수 있어요.

어떤 AI 모델을 지원하나요?

11개 LLM 프로바이더를 지원합니다. 원하는 모델로 분석하고 학습할 수 있어요.

  • Anthropic (Claude)
  • OpenAI (GPT)
  • Google (Gemini)
  • Groq, Mistral, DeepSeek
  • Cohere, Together AI, Fireworks AI
  • xAI (Grok), OpenRouter

Pro 플랜에서는 BYOK(Bring Your Own Key) 기능으로 본인의 API 키를 등록해서 쓸 수 있어요. 어떤 모델이든 자유롭게 골라보세요.

Free 플랜으로 충분한가요?

개인 사이드 프로젝트 1~2개를 학습하기에는 충분해요! Free 플랜에 포함된 내용은 다음과 같습니다.

  • 프로젝트 3개까지 등록
  • 기본 기술 스택 분석
  • 월 1회 학습 로드맵 생성
  • 월 20회 AI 튜터 대화

더 많은 프로젝트를 분석하거나, 무제한 AI 대화가 필요하다면 Pro($19/mo)를 추천해요. 팀으로 함께 학습하고 싶다면 Team($49/mo)도 있어요.

내 코드는 안전하게 보관되나요?

보안은 최우선 사항이에요. 안심하고 사용하셔도 됩니다.

  • 모든 데이터는 암호화되어 전송 및 저장됩니다
  • MCP 스캐너는 분석에 필요한 설정 파일과 코드 구조만 수집하며, 민감한 파일(.env, credentials 등)은 자동으로 제외돼요
  • LLM API 키는 AES-256-GCM으로 암호화되어 저장됩니다
  • 원하시면 언제든 프로젝트 데이터를 완전 삭제할 수 있어요
BYOK(Bring Your Own Key)가 뭔가요?

BYOK는 본인이 가진 LLM API 키를 VibeUniv에 등록해서 사용하는 기능이에요. Pro 플랜 이상에서 사용할 수 있습니다.

예를 들어, OpenAI API 키를 가지고 계시다면 그 키를 등록하면 GPT 모델로 분석과 학습이 진행돼요. 키는 암호화되어 저장되고, VibeUniv가 직접 키를 사용하거나 저장하지 않습니다.

설정 방법: Settings > LLM Keys에서 프로바이더를 선택하고 API 키를 입력하면 바로 사용할 수 있어요.