SpreadJS AI Assistant: Formula Generation and Data Analysis

JavaScript 스프레드시트
AI로 수식 생성부터 데이터 분석까지

자연어로 질문만 하면 복잡한 스프레드시트 수식부터 데이터 해석, 인사이트 도출까지 AI가 알아서 처리합니다. SpreadJS AI Assistant를 통해 OpenAI 및 OpenAI 스키마를 지원하는 다양한 AI와 연동하여 기존 SpreadJS 웹 앱을 한층 더 스마트한 데이터 분석 도구로 확장해 보세요.

SpreadJS AI 어시스턴트 핵심 기능

자연어 기반 인텔리전스 : 데이터 쿼리·번역·감정 분석을 한 번에

SpreadJS의 AI 기능을 활용하면 모든 셀에서 자연어 기반 데이터 질의, 콘텐츠 자동 생성 및 번역, 감정 분석까지 실행할 수 있어 JavaScript 스프레드시트가 단순한 데이터 입력 도구를 넘어 지능형 데이터 분석과 자동화 구현이 가능합니다.

List of Services

    AI 수식 편집기 패널

    AI 수식 편집기 패널


    직관적인 UI로 AI 기반 가이드를 통해 엔터프라이즈 웹 애플리케이션 내에서 수식을 생성하고 개선할 수 있습니다. Formula Editor Panel의 AI 버튼을 클릭하면 실시간으로 수식을 생성, 설명 및 수정하는 인텔리전트 어시스턴트가 열립니다.

    데모 및 코드 보기 → 문서 보기 →
    Excel 수식 생성

    Excel 수식 생성


    자연어 입력을 사용하여 복잡한 Excel 수식을 손쉽게 생성할 수 있습니다. "금액의 합계" 또는 "판매량의 평균"과 같이 계산하려는 내용을 입력하기만 하면 AI 어시스턴트가 올바른 형식의 수식을 자동으로 생성합니다.

    데모 및 코드 보기 →
    복잡한 수식 설명

    복잡한 수식 설명


    SpreadJS의 AI Formula Editor는 입력하거나 선택한 모든 수식을 분석합니다. 쿼리를 클릭하면 수식의 목적에 대한 읽기 쉬운 요약, 논리의 단계별 분석 및 함수와 인수에 대한 설명을 받을 수 있습니다.

    데모 및 코드 보기 →
    AI 피벗 테이블 생성

    AI 피벗 테이블 생성


    인공 지능을 사용하여 피벗 테이블 생성을 단순화하는 AI 피벗 테이블 생성 패널을 제공합니다. 필드와 레이아웃을 수동으로 구성하는 대신 "자동차별 및 분기별 판매량 표시"와 같은 일반 언어 요청을 입력하면 AI가 자동으로 일치하는 피벗 테이블 레이아웃을 생성합니다.

    데모 및 코드 보기 →
    AI 피벗 테이블 제안

    AI 피벗 테이블 제안


    AI Pivot Table Suggestions 기능은 인텔리전트 피벗 테이블 레이아웃 옵션을 자동으로 생성하여 사용자가 데이터를 더 효율적으로 탐색할 수 있도록 지원합니다. AI 제안 버튼을 클릭하면 데이터 세트를 기반으로 3가지 권장 레이아웃을 받게 됩니다.

    데모 및 코드 보기 →
    AI 분석 패널

    AI 분석 패널


    SpreadJS AI-Assistant의 AI 분석 패널은 JavaScript 피벗 테이블에 강력한 컨텍스트 인식 데이터 해석을 추가합니다. I 버튼을 클릭하면 "3분기에 가장 높은 판매량을 기록한 사람은 누구입니까?"와 같은 질문을 할 수 있는 AI 기반 분석 인터페이스에 액세스할 수 있습니다.

    데모 및 코드 보기 →
    SJS.AI.QUERY

    SJS.AI.QUERY

    스프레드시트 내에서 직접 AI 모델과 상호 작용할 수 있습니다. 셀 값이나 범위를 입력으로 전달하여 인텔리전트 응답을 생성하고, 복잡한 데이터 변환을 수행하거나, 기존 데이터를 기반으로 인사이트를 도출할 수 있습니다.

    데모 보기 →
    SJS.AI.TRANSLATE

    SJS.AI.TRANSLATE

    스프레드시트 내에서 직접 빠른 AI 기반 번역을 수행할 수 있습니다. 대상 언어를 지정하면 이 함수는 높은 정확도와 자연어 유창성으로 단일 값 또는 전체 배열을 번역할 수 있습니다.

    데모 보기 →
    SJS.AI.TEXTSENTIMENT

    SJS.AI.TEXTSENTIMENT

    AI 기반 감정 분석을 스프레드시트 웹 앱에 직접 제공하여 사용자가 텍스트 데이터의 톤을 즉시 평가할 수 있도록 합니다. 셀 콘텐츠에 이 함수를 적용하여 입력을 긍정, 부정 또는 중립으로 분류할 수 있습니다.

    데모 보기 →

    SpreadJS AI 어시스턴트 기능, 지금 바로 경험해보세요

    14일간 무료체험을 통해 AI 어시스턴트 기능을 직접 사용해 보고 궁금한 점을 확인해보세요.

    SpreadJS AI 어시스턴트 온라인 데모 & 영상

    ✨ 데모에서 확인할 수 있는 기능

    SpreadJS AI 어시스턴트의 모든 것

    영상과 온라인 데모를 통해 AI 어시스턴트 기능을 직접 경험해 보세요!

    • AI를 이용한 수식 생성
    • 기존 수식 및 신규 생성 수식에 대한 단계별 설명
    • AI 기반 피벗 테이블 레이아웃 생성
    • 피벗 테이블 분석 요청
    • SJS.AI.TRANSLATE 함수 : 지정된 언어 번역
    • SJS.AI.QUERY 함수 : AI 모델 결과 조회
    • SJS.AI.TEXTSENTMENT 함수 : 텍스트 감정 반환 (긍정/부정/중립)
    온라인 데모 바로가기
    Video Thumbnail

    ▲ 동영상 썸네일을 눌러 바로 영상을 확인해 보세요.

    SpreadJS AI Assistant Quick Start Guide

    SpreadJS AI 어시스턴트 빠른시작 가이드 🚀

    빠른 시작하기 가이드를 따라 SpreadJS AI 어시스턴트 기능을 10분안에 쉽게 구축해보세요.

    1

    NPM 패키지 설치

    SpreadJS와 AI 애드온 패키지를 설치합니다.

    터미널 
      npm install 
 @mescius/spread-sheets 
 @mescius/spread-sheets-ai-addon
    2

    서버 측 프록시 서비스 생성

    자격 증명을 보호하기 위해 클라이언트에서 직접 AI 서비스를 호출하는 대신 프록시 서비스를 호스팅해야 합니다.

    server.js 
      import 
express from 
 "express" 
;
     import 
{ OpenAI } from 
 "openai" 
;
     import 
dotenv from 
 "dotenv" 
;

    dotenv. config 
();

     const 
app = express 
();
     const 
port = process.env.PORT || 3000 
;

    app. use 
(express. json 
());
    app. use 
(express. static 
( "public" 
));

     const 
openai = new 
 OpenAI 
({
      apiKey 
: process.env.AI_API_KEY,
      baseURL 
: process.env.AI_SERVER_URL,
    });

    app. post 
( "/api/queryAI" 
, async 
(req, res) => {
      // call and handle openai.chat.completions.create(req.body) 

      // ... 

    });

    app. listen 
(port, () => {
      console. log 
( `Server is running on port 
 ${port} 
 ` 
);
    });
    3

    HTML 컨테이너 생성

    JavaScript 스프레드시트를 호스팅할 HTML 요소를 만듭니다.

    index.html 
      <!doctype html> 

     <meta 
 charset 
= "utf-8" 
 > 

     <div 
 id 
= "ss" 
 style 
= "width:100vw;height:95vh" 
 ></div> 

     <script 
 defer 
 src 
= "/client.bundle.js" 
 ></script>
    4

    클라이언트 Workbook 초기화 및 AI 주입

    SpreadJS Workbook을 초기화하고 프록시를 통해 AI를 주입합니다.

    client.js 
      import 
* as 
GC from 
 "@mescius/spread-sheets" 
;
     import 
 '@mescius/spread-sheets-ai-addon' 
;

     // SpreadJS workbook 초기화 

     const 
workbook = new 
GC.Spread.Sheets. Workbook 
( 'ss' 
);

     const 
serverCallback = async 
(requestBody) => {
      requestBody.model = 'your model name' 
;
      let 
response = await 
 fetch 
( '/api/queryAI' 
, {
        method 
: 'POST' 
,
        headers 
: { 'Content-Type' 
: 'application/json' 
},
        body 
: JSON. stringify 
(requestBody)
      });
      return 
response;
    }

     // 프록시 서비스를 사용하여 AI 주입 

    workbook. injectAI 
(serverCallback);
    5

    AI 기능을 더 깊이 활용해 보세요.

    Quick Start를 통해 기본적인 AI 연동을 완료했다면, 이제 SpreadJS AI 확장 기능이 제공하는 다양한 활용 시나리오와 확장 기능을 살펴볼 차례입니다.
    온라인 데모와 튜토리얼을 통해 실제 업무에 AI를 어떻게 적용할 수 있는지 확인해 보세요.

    💡 온라인 데모 바로가기 →

    🔎 도움말 문서 바로가기 →

    자주 묻는 질문들

    SpreadJS AI Assistant FAQ

    SpreadJS AI Assistant의 AI 활용 방식과 데이터 처리 정책에 대해 자주 묻는 질문을 알아보세요.

    Q. SpreadJS AI 확장 기능이란 무엇인가요? ▼
    A. SpreadJS와 외부 AI 모델을 연결해 주는 기능입니다. 개발자는 이 기능을 통해 별도의 복잡한 개발 과정 없이 최종 사용자가 사용할 엑셀 시트에 AI 기능을 손쉽게 추가하고 맞춤 설정할 수 있습니다.
    Q. SpreadJS에서 자체 AI 모델을 제공하나요? ▼
    A. 아니요, SpreadJS는 자체 AI 모델을 제공하지 않습니다. 대신 OpenAI, Gemini와 같이 널리 사용되는 AI 서비스나 기업 내부의 온프레미스(On-premise) AI 등 원하는 모델을 자유롭게 연동할 수 있는 환경을 제공합니다. 사용자는 선호하는 AI 서비스의 엔드포인트만 설정하면, 제공되는 전용 함수들을 이용해 웹 엑셀상에서 즉시 AI 기능을 구현할 수 있습니다.
    Q. AI 확장 기능 사용 시 데이터 보안은 어떻게 유지되나요? ▼
    A. 모든 데이터는 MESCIUS 서버를 거치지 않고, 고객이 설정한 외부 AI 서비스 또는 기업 자체 서버로 직접 전송됩니다. MESCIUS는 해당 데이터를 수집, 저장, 열람하지 않으므로 안심하고 사용하실 수 있습니다.

    SpreadJS로 완성하는 다양한 엔터프라이즈 비즈니스 기능

    SpreadJS의 비즈니스 Excel 확장기능을 지금 확인해 보세요

    SpreadJS는 다양한 기업 비즈니스 요구사항에 맞춘 Excel 기반 기능을 제공하여, 복잡한 비즈니스 시스템도 빠르고 효율적으로 개발할 수 있도록 합니다.

    Excel 에디터
    POPULAR

    Excel 에디터

    HTML5 & JS 기반의 완벽한 웹 Excel 에디터를 최종 사용자에게 제공하세요.

    • 완전한 Excel 호환성 기존 Excel 파일과 완벽하게 호환되는 웹 에디터
    • 친숙한 UI/UX 사용자에게 익숙한 Excel 메뉴와 인터페이스 제공
    • 강력한 커스터마이징 개발 요건에 맞춘 유연한 API 및 라이브러리 지원
    자세히 알아보기
    실시간 동시 편집
    NEW

    실시간 동시 편집

    여러 사용자가 시트 하나에서 동시에 협업하는 환경을 구축할 수 있습니다.

    • 서버 프레임워크 제공 Node.js 기반의 안정적인 동시 편집 서버 구축
    • 실시간 협업 다중 사용자 동시 입력 및 사용자 동작/커서 실시간 표시
    • 충돌 방지 기술 OT(운영 변환) 엔진 기반의 정교한 충돌 제어 및 권한 관리
    자세히 알아보기
    피벗 테이블 (PivotTable)

    피벗 테이블 (PivotTable)

    대량의 데이터를 빠르게 요약하고 인사이트를 도출하는 강력한 분석 도구입니다.

    • Excel 유사 경험 Excel과 동일한 UI와 사용성을 웹에서 구현
    • JS 컨트롤 세트 개발 편의를 위한 전용 컨트롤 및 사용자 정의 기능 제공
    • 뷰 매니저 사용자별 분석 화면(View) 저장 및 로드 지원
    자세히 알아보기
    간트 시트 (GanttSheet)

    간트 시트 (GanttSheet)

    프로젝트 일정 관리와 리소스 스케줄링 기능을 엑셀 시트에 통합하세요.

    • 프로젝트 관리 기능 타임스케일, 태스크바, 캘린더 등 필수 기능 완벽 지원
    • 데이터 연동 DataManager를 활용한 손쉬운 데이터 바인딩
    • 유연한 호환 Excel 및 JSON 기반의 가져오기/내보내기 지원
    자세히 알아보기
    데이터 차트 (Data Chart)

    데이터 차트 (Data Chart)

    데이터를 시각화하여 직관적인 엑셀 대시보드를 생성할 수 있습니다.

    • 대시보드 디자이너 코딩 없이 구성 가능한 전용 디자이너 제공
    • 다양한 차트 폭넓은 Excel 차트 타입 지원 및 JSON 데이터 연동
    • 손쉬운 바인딩 DataManager를 통한 빠르고 간편한 데이터 연결
    자세히 알아보기
    리포트 시트 (ReportSheet)

    리포트 시트 (ReportSheet)

    복잡한 비즈니스 데이터를 동적인 엑셀 보고서로 변환하는 솔루션입니다.

    • 동적 리포팅 JavaScript 기반의 데이터 연동 및 보고서 자동 생성
    • 전문적인 스타일링 일관된 레이아웃 유지 및 정교한 서식 적용
    • 고급 분석 기능 시트 간 교차 참조 및 데이터 집계 지원
    자세히 알아보기

    무엇이든 물어보세요!

    MESCIUS의 전문가 그룹에게 SpreadJS에 대한 막연한 고민과 궁금증을 들려주세요.
    여러분들의 고민을 함께 공감하고 도움을 드리겠습니다. 

    온라인 제품 상담 개발자 포럼(기술 지원)

    도입 문의

    SpreadJS 도입 시 더욱 자세한 제품 및 구매 상담이 필요하신 경우 편하신 방법으로 연락 바랍니다.

    지금 바로 SpreadJS AI 어시스턴트 기능을 경험하세요

    자연어로 수식, 분석, 피벗 테이블을 한 번에, SpreadJS AI 어시스턴트로 JavaScript 스프레드시트를 더 스마트하게 사용하세요.