AI 코딩 도구 연동 (MCP)

IBChart7은 공식 MCP 서버를 제공합니다.
Claude Code, Cursor, GitHub Copilot 같은 MCP를 지원하는 AI 코딩 도구에 한 번 등록해두면, AI가 코드를 작성할 때 IBChart7 공식 매뉴얼을 직접 검색·조회해서 실제 존재하는 API와 옵션만 사용합니다.
AI가 그럴듯한 가짜 API를 만들어내거나 내부 차트 엔진의 API를 직접 호출하는 문제가 줄고, 항상 최신 매뉴얼 기준으로 답합니다.

서버 정보

등록 후에는 AI 도구를 재시작(새 세션 시작) 해야 연결됩니다.

등록 방법

Claude Code

터미널에서 한 줄:

claude mcp add --transport http ibchart7 https://mcp.ibsheet.com/ibchart/mcp

또는 프로젝트 루트에 .mcp.json 파일을 만들면 저장소를 공유하는 팀원 전체에 적용됩니다:

{
  "mcpServers": {
    "ibchart7": {
      "type": "http",
      "url": "https://mcp.ibsheet.com/ibchart/mcp"
    }
  }
}

확인: 새 세션에서 /mcp 입력 → ibchart7 ✔ connected

Cursor

프로젝트 루트에 .cursor/mcp.json (전역 적용은 ~/.cursor/mcp.json):

{
  "mcpServers": {
    "ibchart7": {
      "url": "https://mcp.ibsheet.com/ibchart/mcp"
    }
  }
}

VS Code (GitHub Copilot)

터미널에서 한 줄:

code --add-mcp "{\"name\":\"ibchart7\",\"type\":\"http\",\"url\":\"https://mcp.ibsheet.com/ibchart/mcp\"}"

또는 프로젝트 루트에 .vscode/mcp.json 을 만들고, Copilot Chat을 Agent 모드로 사용합니다:

{
  "servers": {
    "ibchart7": {
      "type": "http",
      "url": "https://mcp.ibsheet.com/ibchart/mcp"
    }
  }
}

그 외 도구

mcp-remote를 경유하는 도구는 Node.js 18 이상이 필요합니다.

Gemini CLI와 Codex CLI는 명령어 한 줄로도 등록됩니다:

gemini mcp add --transport http ibchart7 https://mcp.ibsheet.com/ibchart/mcp
codex mcp add ibchart7 -- npx -y mcp-remote https://mcp.ibsheet.com/ibchart/mcp

사용 방법

등록만 하면 AI가 IBChart7 관련 질문에서 알아서 매뉴얼을 검색합니다.

IBChart7로 월별 매출 막대 차트 만들어줘. y축 최대값은 1000으로 고정하고, 범례 항목 클릭 시 알림 띄워줘.

AI가 매뉴얼에서 실제 속성(setOptions)과 이벤트(setEventListener)를 찾아 정확한 코드를 작성합니다. 매뉴얼 참조를 강제하고 싶으면 "IBChart7 매뉴얼을 검색해서"라고 덧붙이면 됩니다.

xAxis.max, yAxis.max처럼 영역만 다르고 이름이 같은 속성이 많아, AI는 영역.이름 형태로 필요한 영역의 문서만 골라 조회합니다.

문제 해결

Read More

• Quick Start
• IBChart 구성