현재 최신 버전 : ComponentOne 2023 v3 | Wijmo 2023 v2 | Spread.NET v17 | SpreadJS v17 | ActiveReports.NET v17.2 | ActiveReportsJS v4.2 | Forguncy v9 | DsExcel v7

    글로벌 No.1 JavaScript Excel UI & API 라이브러리

    웹 시스템에

    Excel을 개발해 달라고 해서

    모든 것을 포기하려다..

    SpreadJS를 만났습니다.

    SpreadJS의 JavaScript Excel API 라이브러리를 이용하면

    코드 몇 줄 만으로 Excel 화면부터 MS Excel과 호환되는 다양한 기능을

    여러분의 웹 애플리케이션에 구현할 수 있습니다.


    SpreadJS v17의 새로운 기능을 확인해 보세요!

    무료 체험 시작하기 개발자 포럼(기술 지원)

    React, Vue, Angular

    공식 지원

    디자이너 컴포넌트

    리포트 시트

    간트 시트

    피벗테이블

    500+ MS Excel

    함수 지원

    Excel
    가져오기 및 내보내기 지원

    Excel UI 컨트롤 지원

    아래 아이콘을 클릭하여 기능을 확인해 보세요!

    SpreadJS는 TypeScript로 작성된 순수 JavaScript Excel 스프레드시트 컴포넌트로, 외부 라이브러리 또는 특정 프레임워크에 종속되지 않아 가볍고 빠른 성능을 보장합니다. 또한 최신 웹 개발 프레임워크인 Angular, React, Vue를 지원하여 확장이 더욱 용이합니다.


    아래는 실제 SpreadJS 화면입니다. HTML/CSS/JS 각 탭을 클릭하여 코드를 확인하고, 직접 코드를 수정하여 그에 따른 결과도 확인해 보세요.

    See the Pen SpreadJS 홈페이지 메인 V14 - US by GrapeCity Korea ( @GrapeCity-Korea ) on CodePen.

    왜 SpreadJS를 사용해야 할까요?

    더 이상 웹이라고 Excel 기능을 포기하지 마세요.

    SpreadJS는 오픈소스 또는 타사 그리드 컨트롤과는 비교할 수 없는 완전한 Excel의 기능을 지원합니다. 이제 기능에 타협하지 않고, Excel의 화면부터 수식, 차트, 조건부서식 등 모든 기능을 웹 상에서 가져오고/내보낼 수 있습니다.

    SpreadJS 주요 기능

    • 강력한 Pivot 테이블

      SpreadJS는 피벗 테이블을 완벽 지원하며, Excel 피벗 테이블을 가져오고 내보낼 수 있습니다. 피벗 테이블을 사용하여 대량의 데이터를 그룹화하고, 계산, 요약 및 표시하여 생산성을 높일 수 있습니다.

    • 간트시트(GanttSheet)

      빠른 데이터 바인딩 데이터 테이블 보기인 간트 시트(GanttSheet)를 제공합니다. 

    • 리포트시트(ReportSheet)

      데이터 입력, 페이지 매김, 데이터 필터링, 정렬 및 조건부 서식 지원을 통해 보고서를 쉽게 디자인할 수 있습니다.

    • 500+ 함수 지원

      SpreadJS는 강력한 Excel 호환 수식, 데이터 집계, 500개 이상의 함수, 테이블 간 참조 및 사용자 정의 이름을 포함합니다.

    • Excel 가져오기 / 내보내기

      Excel 가져오기 / 내보내기 기능을 완벽하게 지원하는 JavaScript 스프레드시트입니다.

    • 차트와 스파크라인을 이용한 데이터 시각화

      차트와 스파크라인을 이용하여 데이터를 명확하고 쉽게 이해할 수 있습니다. 대부분의 엑셀 차트, 상호작용 및 애니메이션으로 대시보드와 스프레드시트를 더 잘 활용할 수 있습니다.

    • 다문화 지원

      CalcEngine Language pack에서 선택 또는 사용자 정의를 통해 애플리케이션을 로컬라이즈할 수 있습니다. 언어 뿐만 아니라 통화, 숫자 구분 기호 등을 조정할 수 있습니다.

    • SpreadJS 템플릿 디자이너

      코딩 없이 WYSIWYG SpreadJS 디자이너를 통해 템플릿을 쉽게 디자인하여 애플리케이션 개발에 필요한 시간과 에너지를 절약할 수 있습니다.

      템플릿 디자이너 활용 방법
    • 테이블시트(TableSheet)

      테이블시트(TableSheet)는 SpreadJS 스프레드시트 계산 엔진, 런타임 패널 및 사용자 지정 보기의 기능을 추가하여 가장 까다로운 데이터 바인딩 요구 사항을 빠르게 처리할 수 있는 별도의 고성능 엔터프라이즈급 DataTable입니다.

    • 데이터 매니저

      SpreadJS Data Manager는 데이터 관계 및 보기를 통해 이전보다 훨씬 빠르고 쉽게 TableSheet의 바인딩된 데이터에 연결하고 상호 작용할 수 있도록 하는 성능을 위해 구축된 새로운 데이터 엔진 API입니다.

    SpreadJS 튜토리얼

    아래 버튼을 클릭하시면, 더 많은 튜토리얼 예제를 확인하실 수 있습니다.

    자세히 보기
    SpreadJS 시작하기 | PureJS
    JSON 데이터 바인딩 | Excel IO
    React | SpreadJS 시작하기
    Vue 2 | SpreadJS 시작하기
    Vue 3 | SpreadJS 시작하기
    Angular 데이터 바인딩하기
    SpreadJS 디자이너 컴포넌트 시작하기
    템플릿 디자이너를 이용한 템플릿 작성과 활용
    라이선스 키 설정하기
    시작 가이드 PDF
    • SpreadJS 시작하기 | PureJS

      JavaScript를 사용하여 웹 페이지에 SpreadJS 인스턴스를 추가하는 방법에 대해 알아보세요.

      JavaScript | Angular | React | Vue 2 | Vue 3


      시작 가이드 PDF 다운로드
    • JSON 데이터 바인딩 | Excel IO

      JSON 데이터를 SpreadJS에 바인딩하는 방법과 Excel 파일로 내보내기, 가져오기 기능을 구현하는 방법에 대해 알아보세요.


    • React | SpreadJS 시작하기

      React에서 SpreadJS를 시작하는 방법에 대해 설명합니다.

      온라인 스터디 바로 가기
    • Vue 2 | SpreadJS 시작하기

      Vue2에서 SpreadJS를 시작하는 방법에 대해 설명합니다.

      온라인 스터디 바로 가기
    • Vue 3 | SpreadJS 시작하기

      Vue3에서 SpreadJS를 시작하는 방법에 대해 설명합니다.

      온라인 스터디 바로 가기
    • Angular 데이터 바인딩하기

      Angular 프로젝트가 포함된 SpreadJS에서 데이터 바인딩을 사용하는 방법을 알아 보세요!

      온라인 스터디 바로 가기
    • SpreadJS 디자이너 컴포넌트 시작하기

      SpreadJS 디자이너 컴포넌트를 사용하시어, 쉽고 빠르게 구글 시트, MS 365 엑셀과 같은 에디터를 여러분의 솔루션에 쉽게 코드 몇 줄 만으로 구현할 수 있습니다.

      온라인 스터디 바로 가기
    • 템플릿 디자이너를 이용한 템플릿 작성과 활용

      데스크탑 템플릿 디자이너를 활용하여, 템플릿을 만들고, 이를 SpreadJS에 불러 온 뒤, 데이터 바인딩 만으로 원하는 위치에 값이 자동으로 들어가 양식을 완성하는 방법에 대해서 알아 보겠습니다!

      온라인 스터디 바로 가기
    • 라이선스 키 설정하기

      SpreadJS 라이선스 키 설정과 관련하여 자세히 알아보실 수 있습니다. 라이선스 키 설정 시 자주 발생하는 "라이선스를 찾을 수 없음(License Not Found)" 에러와 "유효하지 않은 라이선스(Invalid License)" 에러에 대한 해결 방법에 대해서도 설명합니다.


      JavaScript | Angular

    • 시작 가이드 PDF

      SpreadJS를 처음 사용하시는 분들을 위한 가이드 문서입니다.


      시작 가이드 PDF 다운로드

    SpreadJS의 강력한 비즈니스 특화 기능을 확인하세요!

    웹에서 피벗 테이블을 구현해 보세요!

    Pivot

    피벗 테이블은 많은 양의 데이터를 빠르게 구성하고, 추출 및 분석할 수 있는 강력한 데이터 요약 및 리포팅 도구입니다.


    피벗 테이블을 통해 복잡한 데이터를 시각화하여 비즈니스 인텔리전스를 개선하고, 새로운 인사이트를 발견해 보세요.

    (SpreadJS v14.1 이상)

    자세히 보기 적용 방법

    아래 화면은 실제 SpreadJS로 구현된 화면입니다.

    See the Pen 피벗테이블 + 피벗패널 by GrapeCity Korea ( @GrapeCity-Korea ) on CodePen.

    간트 시트를 이용해 프로젝트 일정을 관리해 보세요!

    Gantt

    간트 시트는 이해하기 쉬운 타임라인으로 프로젝트의 세부 정보를 한 눈에 볼 수 있는 강력한 시간순 막대형 차트 도구입니다.

    간트 시트를 이용해 프로젝트 일정 관리, 직원 스케쥴링, 창고 배송 일정, 항공편 목록 등 다양한 프로젝트를 손쉽게 구성해 보세요!

    (SpreadJS v17 이상)

    데모 보기 적용 방법

    아래 화면은 실제 SpreadJS로 구현된 화면입니다.

    See the Pen SpreadJS, GanttSheet 홈페이지 게시 by Mescius Korea ( @MESCIUS-Korea ) on CodePen.

    새로운 유형의 리포트시트를 구현해 보세요!

    Report

    리포트 시트는 다양한 데이터를 기반으로 최종 사용자를 위한 엑셀 시트 기반의 보고서를 생성할 수 있도록 도와주는 강력한 엑셀 리포트 컨트롤입니다.


    SpreadJS 리포트 디자이너를 이용해 반복적인 판매 실적, 매출 결산, 재고 조사와 같은 보고서, 그리고 기업에서 사용하는 각종 증명서 양식을 쉽게 디자인하고 생성한 보고서/양식에 따른 데이터를 연결해 자동화해 보세요!

    (SpreadJS v17 이상)

    데모 보기 적용 방법

    아래 화면은 실제 SpreadJS로 구현된 화면입니다.

    See the Pen [포럼] 리포트 시트 시작하기 by Mescius Korea ( @MESCIUS-Korea ) on CodePen.

    SpreadJS 웹 Excel 에디터

    EASY

    디자이너 컴포넌트

    SpreadJS 디자이너 컴포넌트를 사용하면 보다 빠르고 쉽게 구글 시트, 온라인 MS Excel과 유사한 UI, 메뉴 구조 그리고 Excel의 기능을 구현할 수 있습니다. 실제 데모를 살펴 보고 다양한 기능을 확인해 보세요.

    자세히 보기 FAQ 적용 방법

    아래 화면은 실제 디자이너 컴포넌트로 구현된 화면입니다.

    코딩 없이 다양한 Excel 양식을 만들어 보세요!

    WISIWYG 독립 실행형 데스크탑 응용 프로그램으로, 체험판을 다운로드한 후 .exe 파일을 실행하여 사용할 수 있습니다.

    개발자 컴퓨터에 MS Excel이 없어도, SpreadJS 템플릿 디자이너의 익숙한 Excel 인터페이스를 통해 모든 종류의 Excel 템플릿을 빠르게 디자인해 보세요.


    필요한 Excel 양식을 별도의 코딩 없이도 쉽고 빠르게 생성 가능합니다!


    피벗(Pivot), 간트(Gantt), 리포트(Reports) 시트와 같이 복잡해 보이는 기능도 템플릿 디자이너를 이용하면 쉽고 간편하게 구현이 가능합니다.

    템플릿 디자이너 활용 방법 자세히 보기
    에너지
    연구기관
    인터넷
    운송/물류
    빅데이터
    사무자동화
    제조업
    금융/회계
    SW 개발

    SpreadJS는 국내의 다양한 산업 분야에서 실제로 적용되어 사용되고 있습니다. Microsoft Excel과 유사한 사용자 인터페이스(UI)와 완벽한 호환을 지원하는 SpreadJS는 웹과 모바일 환경에서도 Excel 기반으로 지속적으로 업무를 하고자 하는 요구에 필수적인 제품이 되었습니다.
    많은 고객사에서 분산된 Excel 데이터들을 SpreadJS 상에 통합하고, 관리함으로써 실제로 업무를 효율적으로 개선하고, 이를 통해 더 많은 기회를 창출하고 있습니다.

    SpreadJS 적용 분야

    지금 다양한 분야에서 적용되고 있는 SpreadJS를 사용해 보세요.

    아래 탭을 눌러 실제 다양한 상황에 따른 워크플로우를 통해 새로운 아이디어를 얻어 보세요.

    웹 Excel 기능을 추가하여, 완벽한 웹 오피스 솔루션을 개발해 보세요.

    SpreadJS는 MS Excel 화면부터, 수식, 차트, 셀 타입 등 거의 모든 기능을 제공하고, 완벽하게 호환됩니다. 이를 통해, Office 365, 구글 시트와 같은 웹 엑셀 기능을 여러분의 솔루션에도 쉽게 추가할 수 있습니다.

    쉽고 빠르게 Excel 데이터 취합 솔루션을 구현해 보세요.

    정형화된 양식을 통해 다양한 부서와 직원으로부터 오는 Excel 데이터 취합 작업을 웹 상에서 자동화할 수 있습니다. SpreadJS는 Excel과 동일한 좌표 체계를 통해, 특정 셀에 데이터를 가져올 수 있는 함수를 제공합니다. 이를 통해, SpreadJS 시트에서 필요한 데이터만 빠르게 가져와 백엔드로 넘겨 취합 데이터를 저장할 수 있습니다.

    기존 Excel 파일들을 쉽고 빠르게 데이터베이스화 해 보세요.

    SpreadJS의 toJson/fromJson 함수를 이용하면, 간단하게 Excel 파일을 JSON String으로 변환하여 데이터베이스화 할 수 있습니다. 변환된 JSON 안에는 서식, 함수, 수식, 차트, 도형 등 Excel의 모든 기능을 누락 없이 저장합니다. 이를 통해, 이제 중요한 Excel 파일을 SpreadJS를 통해서만 열람하고 편집하도록 기반을 만들 수 있습니다.

    Excel 보고서를 생성하는 서비스를 웹 상에 구현해 보세요.

    차트 및 수식이 설정되어 있는 Excel 보고 양식을 SpreadJS로 불러온 뒤, 실무자들이 데이터를 입력하거나, Database로부터 필요한 데이터 입력 받아, 자동화된 Excel 기반 웹 보고서를 만들 수 있습니다. 완성된 보고서는 인쇄하거나, Excel 또는 PDF 파일로 내보낼 수 있습니다.

    DsExcel과 함께 사용하여

    완전한 웹 기반 Excel 솔루션을 구현해 보세요.

    SpreadJS와 DsExcel을 함께 사용하면 최종 사용자에게 Excel과 동일한 화면과 동작을 제공하는 동시에, 백엔드 단에서는 DsExcel API를 이용하여 SpreadJS로부터 받은 Excel 데이터를 강력한 서버의 리소스를 이용하여 빠르게 처리할 수 있습니다. 또한, 보안이 필요한 데이터 및 Excel 수식/계산 작업들을 서버 단에서 수행함으로써 보안 능력을 한 단계 높일 수 있습니다.

    DsExcel Java 자세히 보기 DsExcel .NET 자세히 보기

    SpreadJS를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.

    질문/답변 공간을 통해, SpreadJS에 대한

    기술 지원을 받아 보세요.

    자주 묻는 질문에 대한 답변을

    확인하실 수 있습니다.

    업무 중 피로나 스트레스를 조금이라도 덜어드리고자

    만든 공간입니다. 자유롭게 소통하세요.

    MESCIUS 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.

    개발자분들이나 개발에 관심이 있으신 분들을 위해, 함께 발전할 수 있도록 만들어진 만남의 공간입니다.

    MESCIUS 개발자 포럼

    SpreadJS 무료 체험판

    다운로드

    SpreadJS v17 새로운 기능

    • GanttSheet 출시
    • ReportSheet 출시
    • 차트의 향상된 기능
    • 통합 문서의 향상된 기능
    • 계산의 향상된 기능
    • 피벗 테이블의 향상된 기능
    • TableSheet의 향상된 기능
    • 스파크라인의 향상된 기능
    • 디자이너 컴포넌트의 향상된 기능
    새로운 기능 자세히 보기
    스마트 수출입 통관 솔루션
    법인세 통합 관리
    솔루션
    스마트팜 R&D
    빅데이터 포탈
    AI 빅데이터 분석 솔루션
    도입 사례

    더 많은 MESCIUS 제품 도입 사례를 살펴보세요.

    Our Customers

    • "수정도 안 되는 ActiveX 기반의 엑셀 컴포넌트를 사용 중에 SpreadJS를 만났습니다. MS Excel과 호환되는 프로그램 중, 단연 최고인 듯,이젠 웹으로 ActiveX 없이 순수 웹으로 엑셀을 구현하는게 가능해졌습니다."


      - (주)지오유 박OO 개발자

      Button
    • "대부분의 한국의 사용자들은 엑셀에 매우 익숙하며 엑셀과의 호환성을 매우 필요로 합니다. 개발자는 이와 같은 기능을 구현하기 위해 많은 시간과 비용을 투자해야 하지만 Spread는 이 모든 고민을 한번에 해결하여 주었고 사용자는 유사한 엑셀디자인의 사용자 화면 및 기능에 만족해합니다."


      - 원광도어 이OO 팀장

      Button
    • "Spread는 지금까지 본 BPI(비즈니스 프로세스 통합) 시장에 대한 가장 중요하고 오랫동안 기다려온 혁신 중 하나입니다."


      - Jeff Lynch, Microsoft MVP

      Button

    시스템 요구사항

    브라우저
    Internet Explorer 9+ O (Excel IO는 IE 10+ 필요)
    Microsoft Edge O
    Chrome O
    FireFox O
    Safari 5.1+ O
    iOS (Safari / Chrome) O
    iPadOS(Safari / Chrome) O
    JS 프레임워크
    AngularJS O
    Angular O
    React O
    Vue.js O
    Knockout O
    Breeze O

    SpreadJS 가격 및 라이선스

    SpreadJS를 통해 완전한 Excel 기반 솔루션을 만들고자 하시는 경우, 개발자 라이선스와 배포 라이선스를 모두 구매하셔야 합니다.

    또한, 디자이너 컴포넌트 및 DsExcel API를 함께 사용하시면 더욱 업그레이드 된 애플리케이션을 빠르게 구현하실 수 있습니다.

    필수 라이선스

    * 모든 금액은 VAT 제외 금액입니다.

    개발자 라이선스

    SpreadJS 정식 자바스크립트 라이브러리 Spread 디자이너 앱을 사용하기 위해 필요한 라이선스입니다.


    ⓘ SpreadJS 빠른 시작

    \2,099,000

    * 개발자 1명 당 1copy를 구매하셔야 합니다.

    배포 라이선스

    SpreadJS의 모든 컨트롤(피벗 테이블, 간트 시트, 리포트 시트 포함)을 서버에 배포하기 위해 필요한 라이선스로, 최종적으로 서비스하는 도메인 주소 또는 IP 주소 각각에 대해서 구매가 필요합니다.


    ⓘ 배포 라이선스 등록 방법

    \3,565,000

    * 한번 등록된 도메인 및 IP는 수정이 불가합니다.

    * 요청 전에 반드시 최종 확인을 해주세요.

    다른 배포 옵션을 알아보세요!

    배포 LITE 라이선스

    피벗 테이블, 간트 시트, 리포트 시트 기능을 제외한 SpreadJS의 기본 컨트롤만 서버에 배포하고자 할 때 사용할 수 있는 별도의 배포 라이선스 옵션입니다.

    \2,565,000

    * 피벗 테이블, 간트 시트, 리포트 시트 배포 불가

    * 한번 등록된 도메인 및 IP는 수정이 불가능합니다.

    추가 라이선스 옵션

    디자이너 컴포넌트 / DsExcel 프로젝트 라이선스를 통해 애플리케이션의 기능을 더욱 쉽고 빠르게 향상시켜 보세요.

    New Paragraph

    디자이너 컴포넌트

    웹 Excel 에디터

    SpreadJS를 이용하여 메뉴부터 화면 구성까지 Microsoft Excel과 유사하게 구현된 웹 Excel 컴포넌트입니다.


    ⓘ 디자이너 컴포넌트 적용 방법


    \6,241,000

    * 프로젝트 당 1copy를 구매하셔야 합니다.


    DsExcel 단독 구매 시,

    \2,515,000

    SpreadJS와 함께 구매 시,

    \1,650,000

    * 프로젝트 당 1copy를 구매하셔야 합니다.

    배포 키 | Distribution key

    발급 신청

    SpreadJS 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다.

    배포 키 발급 포털을 통해 배포 키를 신청해 주세요.

    도입 문의

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

    구매 절차

    구매 절차의 각 단계에 대한 자세한 내용을 보시려면 각 버튼을 클릭해주세요.

    • 1. 가격 확인 및 견적 요청

      아래의 방법 중 편하신 방법으로 견적서를 요청하실 수 있습니다.


    • 2. 발주 요청

      하기 세가지 항목을 Email(sales-kor@mescius.com)로 발송해 주세요.


      1. 서명 완료된 견적서 (담당자 사인 또는 회사 직인)
      2. 사업자 등록증 사본(회사일 경우)
      3. End-User 정보

                1) 회사명(한글) : 

                2) 회사명(영문) : 

                3) 우편번호 : 

                4) 주소(한글) : 

                5) 주소(영문) : 

                6) 담당자(한글/영문) : 

                7) 전화번호 : 

                8) E-mail : 


      발주 요청을 주시면 이메일을 통해 인보이스를 발송해드립니다.

    • 3. 결제

      은행 입금


      받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.



      카드 결제


      카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.

    • 4. 라이선스 발급 & 세금 계산서 발행

      결제 확인 후 라이선스 발급 안내 메일을 발송해 드립니다.


      * SpreadJS 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.


    Web 개발자를 위한 컨트롤

    • Wijmo

      JavaScript 기반 Chart, Grid, Input 등 UI 컨트롤
      • 그리드, 차트, 리포트, 입력 폼, OLAP 등 80+ UI 컨트롤
      • Angular, React, VueJS 완벽 지원
      • 필터, 그룹화, 정렬 기능
      더 알아보기
    • ActiveReportsJS

      JavaScript 기반 비즈니스 리포팅 컴포넌트
      • Angular, React, Vue 지원
      • 크로스플랫폼을 지원하는 디자이너 프로그램 제공
      • JavaScript 리포트 뷰어 제공
      더 알아보기
    • Forguncy

      코딩 없이 Excel로 만드는 비즈니스 웹 개발 솔루션
      • Excel 기능으로 쉽고 빠르게 웹 구현
      • HTML & CSS 없이 시작하는 웹 개발
      • 데이터 취합 및 통합  솔루션
      더 알아보기
    • DsExcel

      고성능 Java&Kotlin / .NET 기반 Excel 스프레드시트 API 라이브러리
      • 스프레드시트 생성, 로드, 편집, 저장
      • 스프레드시트 구문 분석, 변환, 공유
      • 수식 계산 및 셀 서식 지정
      DsExcel Java 더 알아보기
      DsExcel .NET 더 알아보기
    Share by: