AI 도구와 함께 개발하기

VChatCloud는 AI 기반 코드 에디터와 함께 사용할 수 있도록 최적화된 개발 문서를 제공합니다. Cursor, Windsurf, Claude Desktop 같은 AI 도구를 활용하면 채팅 및 영상통화 기능 구현 시간을 획기적으로 단축할 수 있습니다.

llms.txt로 AI에게 VChatCloud 문서 알려주기

VChatCloud는 llms.txt 표준 형식으로 전체 개발 문서 목차를 제공합니다. 이 파일 주소를 AI 도구에 입력하면, AI가 VChatCloud의 전체 문서 구조를 이해하고 더욱 정확한 코드를 생성할 수 있습니다.

VChatCloud llms.txt 주소

text

https://www.vchatcloud.com/doc/llms.txt

AI와 대화할 때 위 주소를 함께 제공하면, JavaScript, React, Vue, Flutter 등 각 플랫폼별 SDK 사용법과 REST API 명세를 참고한 정확한 답변을 받을 수 있습니다.

llms.txt 표준에 대해 더 알아보고 싶다면 llmstxt.org를 방문하세요.

MCP 서버로 더 스마트한 코드 생성하기

Model Context Protocol(MCP)은 Anthropic이 만든 AI 표준 프로토콜입니다. MCP 서버를 연결하면 AI가 필요한 순간에 VChatCloud 문서를 직접 검색하고, 최신 API 명세를 확인하여 더욱 정확한 코드를 작성할 수 있습니다.

MCP 서버 연결의 장점

실시간 문서 검색: AI가 채팅 중 VChatCloud SDK 사용법을 즉시 찾아 답변
플랫폼별 최적화: JavaScript, React, Flutter 등 각 플랫폼에 맞는 정확한 코드 생성
최신 정보 반영: 문서 업데이트 시 자동으로 최신 내용 제공

Cursor, Windsurf, VS Code, Claude Desktop 등 MCP를 지원하는 모든 AI 도구에서 사용 가능합니다. 아래 JSON 설정을 각 도구에 추가하면 VChatCloud MCP 서버와 연결됩니다.

json

{
  "mcpServers": {
    "vchatcloud-docs-mcp": {
      "url": "https://www.vchatcloud.com/mcp"
    }
  }
}

VChatCloud MCP 서버가 LLM에 제공하는 도구(Tools) 목록

도구	설명
search-documents	주어진 질문이나 문장을 임베딩하여 벡터 DB에서 의미적으로 가장 유사한 개발자 문서를 검색합니다. 검색 시 프로그래밍 언어나 프레임워크(예: JS/TS, React, Vue, Flutter, REST API)를 함께 입력하면 더 정확합니다.
get-document-by-id	LLM 모델이 문서의 원본 ID로 해당 문서의 전체 내용을 조회하기 위한 도구를 제공합니다.
get-llms-txt	VChatCloud 개발자센터 문서의 전체 목차를 조회합니다. 반환된 목차에는 각 문서의 파일 경로가 포함되어 있습니다.

개발 도구에 MCP 서버 연결하기

사용 중인 AI 개발 도구에 따라 아래 방법 중 하나를 선택하여 VChatCloud MCP 서버를 연결하세요.

Cursor

이 링크를 클릭하거나 위 JSON 설정을 ~/.cursor/mcp.json 파일에 추가하세요. (공식 가이드)

VS Code

이 링크를 클릭하거나 위 JSON 설정을 .vscode/mcp.json 파일에 추가하세요. (공식 가이드)

Windsurf

위 JSON 설정을 ~/.codeium/windsurf/mcp_config.json 파일에 추가하세요. (공식 가이드)

Claude Desktop

claude_desktop_config.json 설정 파일에 위 JSON 설정을 추가하고 Claude Desktop을 재시작하세요. (MCP 가이드 또는 Cluade 공식 가이드)

Claude Code

터미널에서 아래 명령어를 실행하여 VChatCloud MCP 서버를 추가하세요.

bash

claude mcp add --transport http vchatcloud-docs-mcp https://www.vchatcloud.com/mcp

MCP 서버 추가 후 Claude Code를 재시작하면 VChatCloud 문서 검색 기능을 사용할 수 있습니다. (공식 가이드)

AI에게 어떻게 물어볼까

MCP 서버 연결 후, AI에게 VChatCloud 관련 질문을 하면 문서를 자동으로 검색하여 정확한 답변을 제공합니다.

효과적인 질문 예시

채팅 기능 구현

JavaScript SDK로 1:1 채팅 메시지 보내는 코드 작성해줘
React UIKit을 사용해서 채팅방 목록 화면 만들어줘
Vue에서 JS SDK로 실시간 메시지 받는 이벤트 핸들러 구현해줘
Flutter SDK로 채팅 메시지 전송하는 코드 작성해줘

영상통화 기능 구현

JavaScript SDK로 영상통화 시작하는 전체 코드 작성해줘
화면 공유 기능 추가하는 방법 알려줘

REST API 활용

REST API로 채팅방 생성하는 요청 코드 만들어줘
REST API로 특정 사용자를 차단하는 코드 작성해줘
REST API로 채팅방 멤버 관리하는 방법 알려줘

AI 도구와 함께 개발하기 ​

llms.txt로 AI에게 VChatCloud 문서 알려주기 ​

VChatCloud llms.txt 주소 ​

MCP 서버로 더 스마트한 코드 생성하기 ​

MCP 서버 연결의 장점 ​

VChatCloud MCP 서버가 LLM에 제공하는 도구(Tools) 목록 ​

개발 도구에 MCP 서버 연결하기 ​

Cursor ​

VS Code ​

Windsurf ​

Claude Desktop ​

Claude Code ​

AI에게 어떻게 물어볼까 ​

효과적인 질문 예시 ​

채팅 기능 구현 ​

영상통화 기능 구현 ​

REST API 활용 ​