SBGrid V3의 API 문서를 MCP로 연결하면, AI는 추측하지 않고 실제 문서를 조회해 코드를 작성합니다. 개발자는 처음부터 배우는 대신, 나온 코드를 검토하고 다듬는 일부터 시작합니다. SBGridV3는 React, Vue 함께 사용 가능합니다.
Angular
React
Vue문서를 읽는 시대에서 묻는 시대로
찾아 읽던 것을, 이제 물어봅니다.
그리고 답은 SBGrid V3의 실제 문서에서 나옵니다.
새 라이브러리를 붙일 때
가장 오래 걸리는 건 코딩이 아닙니다
문서를 찾고, 옵션 이름을 확인하고, 예제를 복사해 우리 화면에 맞추는 시간. 기능이 있는지 없는지부터 확인해야 하는 시간. 프로젝트 일정에서 이 구간이 가장 예측하기 어렵습니다.
복사 3줄이면 끝
0개
연결할 파일(코드 수정 없이 연결)
sbgrid3.js · license.js · sbgrid3.css. 이 세 개를 head에 넣으면 준비가 끝납니다.
빌드 없이 바로 실행
0개
필요한 빌드 도구(No-Build)
번들러도, 설치 과정도 없습니다.
디렉토리를 원하는 위치에 두면 그대로
동작합니다.
AI가 직접 찾아 씁니다
0개
AI에게 열어준 문서 도구(손쉬운 조회)
목록 조회 · 상세 조회 · 예제 조회 · 키워드 검색. AI가 직접 호출합니다.
AI가 틀린 코드를 쓰는 이유는
모르는 걸 아는 척하기 때문입니다
학습 데이터에 없는 라이브러리를 만나면, AI는 비슷하게 생긴 다른 라이브러리에서 옵션 이름을 빌려옵니다. 그럴듯해 보이지만 동작하지 않는 코드가 이렇게 나옵니다. MCP는 그 빈칸을 추측 대신 조회로 채웁니다.
비슷한 라이브러리에서 유추한 코드
옵션 이름이 그럴듯하지만 SBGrid V3에는 없는 속성입니다. 실행하면 조용히 무시되거나 오류가 납니다.
// AI가 상상해서 쓴 코드
const grid = new DataGrid({
el: '#grid',
data: rows,
colDefs: [
{ headerName: '이름', key: 'name' }
]
});
문서에서 확인한 이름 그대로
AI가
searchSBGridAPI로 실제 속성명을
확인한 뒤 작성합니다. 붙여넣으면 그대로 동작합니다.
// 문서를 조회하고 쓴 코드
let gridConfig = {
dataSource: salesData,
container: '#grid',
columns: [
{ field: 'name', caption: '이름' }
]
};
datagrid = SBGrid3.createGrid(gridConfig);
AI가 직접 호출하는 4개의 문서 도구
사람이 문서를 복사해 프롬프트에 붙여넣을 필요가 없습니다. AI가 필요할 때 스스로 호출하고, 받은 내용만으로 코드를 씁니다.
listSBGridAPIs전체 API 목록을 카테고리로 훑기searchSBGridAPI키워드로 필요한 옵션 찾기getSBGridAPIDetail문법 · 파라미터 · 설명 상세 확인getSBGridExample바로 쓸 수 있는 예제 코드 받기
연결은 주소 한 줄
사용 중인 AI 도구의 MCP 설정에 아래 주소를 등록하세요.
사내 코드는 보내지 않습니다
MCP 서버가 제공하는 것은 공개된 SBGrid V3 API 문서입니다. 여러분의 프로젝트 코드가 서버로 전송되지 않습니다.
쓰던 AI 도구 그대로
새 에디터를 설치하지 않습니다. 이미 쓰고 있는 Claude나 Cursor에 URL 하나만 등록하면 됩니다.
말로 설명하는 대신
실제로 동작하는 걸 보여드립니다
아래 그리드는 왼쪽 프롬프트 한 줄로 만들어진 SBGrid V3입니다.
AI가 SBGridV3를 만들었습니다. 헤더로 정렬해 보고, 셀을 한 번만 클릭해 편집해 보세요.
사용자 프롬프트
- searchSBGridAPI ("column align format")
- getSBGridAPIDetail ("ColumnConfig.format")
- getSBGridAPIDetail ("sortable")
- getSBGridExample ("number format")
※ 도구 호출 흐름은 이해를 돕기 위한 재현이며, 실제 호출 내역은 SBGridV3 화면에서 확인할 수 있습니다.
URL 하나면
연결이 끝납니다
사용 중인 AI 도구의 MCP 설정에 다음 주소를 등록하세요. 등록하는 순간부터 AI가 SBGrid V3 문서를 직접 조회합니다.
SBGrid 3.0
https://softbowl.co.kr/mcp/sbgrid3.do
STEP 01
기능이 있는지 먼저 묻기
“SBGrid V3에 셀 병합 기능이 있나요?” 처럼 존재 여부부터 확인하면 AI가 없는 기능을 지어내지 않습니다.
STEP 02
API 문서로 확인시키기
“API 문서에서 해당 옵션을 찾아서 보여주세요.” AI가 근거를 먼저 확보하게 만드는 단계입니다.
STEP 03
그 기능으로 코드 요청
“확인한 옵션을 써서 우리 화면에 맞춰주세요.” 문서에 있는 이름만 쓰게 되어 수정 횟수가 줄어듭니다.
AI가 코드를 쓰더라도
기반은 검증된 그리드입니다
SBGrid V3는 공공·금융 시스템이 요구하는 인증을 갖춘 웹 그리드입니다. 도입 검토에 필요한 인증과 호환성 항목을 한자리에 모았습니다.
No. 1 Grid Solution
SBGrid v3
-
GS 인증
소프트웨어 GS 인증을 획득해 품질 검증을 마친 우수 소프트웨어입니다.
-
소프트웨어 접근성 인증 (SA)
SA 인증으로 소프트웨어 품질 수준이 우수함을 공식 인증받았습니다.
-
전자정부 표준프레임워크 호환성 인증
공공시스템에 맞춘 구조로 표준화와 호환성을 보장합니다.
-
웹 표준 / 크로스브라우저
W3C 웹 표준을 준수하며 Chrome, Edge, Safari, Firefox를 지원합니다.
-
피봇그리드
원본 데이터를 피봇 형태로 재구성해 다양한 관점에서 살펴볼 수 있습니다.
-
멀티플랫폼
데스크톱과 태블릿, 모바일 화면을 하나의 코드로 지원합니다.
-
대용량 데이터 처리
가상 스크롤로 행이 많아져도 끊김 없이 렌더링합니다.
-
수식까지 살아있는 엑셀 변환
엑셀 내보내기와 불러오기, 값만 복사되는 게 아니라 합계·비율 같은 수식과 서식이 그대로 엑셀 셀에 담깁니다.
-
틀고정 (Sticky)
행과 열을 고정한 채 스크롤해도 기준 항목이 화면에 남습니다.
배우는 시간 대신
만드는 시간을
배우는 시간은 줄이고, 만드는 시간에 집중하여
더 나은 퀄리티를 완성하고 남는 시간은 여유를 즐기세요.
제품 · 데모 문의 sales@softbowl.co.kr · 02-2088-5590
함께하는 고객사
“배가 가는 방향을 정하는 것은 바람도 물결도 아닌
방향타를 쥔 선장의 의지입니다.”
고객만족을 통해 사회에 기여하고 꾸준함을 중시하는 기업이 되겠습니다.
- 0사공공기관
- 0사기업
- 0사금융 · 교육
