Not ready yet.
현재 최신 버전 : ComponentOne | Wijmo | Spread.NET | SpreadJS | ActiveReports.NET | ActiveReportsJS | Forguncy | GcExcel


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

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

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

왜 SpreadJS를 사용해야 할까요?

지금 SpreadJS를 사용해 보세요.

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

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

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

    Excel 파일 내보내기

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

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

    Excel 파일 취합

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

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

    Excel 파일 DataBase화

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

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

    Excel 보고서 생성 Excel 보고서 생성

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

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

SpreadJS 주요 기능

Powerful calculation engine with 500+ functions in JavaScript spreadsheet

500+ 함수 지원

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

Import/export Excel files in JavaScript spreadsheet

Excel 가져오기 / 내보내기 기능

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

Import/export Excel files in JavaScript spreadsheet

강력한 Pivot 테이블

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

Visualize data with charts and sparklines in JavaScript spreadsheet

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

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

Built-in globalization

다문화 지원

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

No-code design with Spread Designers in JavaScript spreadsheet

SpreadJS 템플릿 디자이너

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

템플릿 디자이너 활용 방법
테이블시트

테이블시트(TableSheet)

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

데이터 매니저

데이터 매니저

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

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

Powerful

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

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

(SpreadJS v14.1 이상)

자세히 보기 적용 방법

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

피벗 테이블

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

GcExcel과 함께 사용하여
완전한 웹 기반 Excel 솔루션을 구현해보세요.

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

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

SpreadJS 웹 Excel 에디터

디자이너 컴포넌트

EASY

디자이너 컴포넌트

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

자세히 보기 FAQ 적용 방법

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

See the Pen SpreadJS 디자이너 컴포넌트 V14.0.3 by GrapeCity Korea (@GrapeCity-Korea) on CodePen.

SpreadJS 템플릿 디자이너

SpreadJS 디자이너를 사용하여 익숙한 Excel 인터페이스를 통해 모든 종류의 Excel 보고서 템플릿을 빠르게 디자인해 보세요. 필요한 Excel 양식을 별도의 코딩 없이도 쉽고 빠르게 생성이 가능합니다.

데스크탑 템플릿 디자이너

데스크탑 템플릿 디자이너

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

Web 기반 템플릿 디자이너

Web 기반 템플릿 디자이너

브라우저에서 바로 SpreadJS 템플릿 디자이너를 사용해 보세요.

템플릿 디자이너 활용 방법 자세히 보기

GrapeCity 개발자 포럼

SpreadJS 블로그&Tips
SpreadJS 블로그&Tips
SpreadJS를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.
SpreadJS Q&A
SpreadJS Q&A
질문/답변 공간을 통해, 시티즌 여러분들의 고민과 개발지식을 함께 공유해주세요.
SpreadJS FAQ
SpreadJS FAQ
자주 묻는 질문에 대한 답변을 확인하실 수 있습니다.
시티즌 인사이트
시티즌 인사이트
업무 중 피로나 스트레스를 조금이라도 덜어드리고자 만든 공간입니다. 자유롭게 소통하세요.
시티즌 지식인
시티즌 지식인
GrapeCity 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.
IT 세미나/모임
IT 세미나/모임
개발자분들이나 개발에 관심이 있으신 분들을 위해, 함께 발전할 수 있도록 만들어진 만남의 공간입니다.

SpreadJS 무료 체험판

다운로드

SpreadJS v16 서비스팩 1 새로운 기능

SpreadJS v16.1이 새롭게 릴리스 되었습니다! 스프레드시트 개발에 도움이 되는 많은 새로운 기능과 고객 요청 기능을 추가했습니다.

새로운 기능 일러스트
  • 새로운 Input Mask 스타일
  • 암호로 워크시트 보호
  • Angular 15, Next.js, Nuxt 지원
  • Gauge 차트 지원
  • DataManager 뷰를 워크시트 테이블로 바인딩 가능
  • PivotTable 기능 향상
  • 디자이너 컴포넌트 - 새로운 접근성 옵션
  • 도형 안에 스파크라인 지원
새로운 기능 자세히 보기

SpreadJS 블로그

SpreadJS를 사용하여 JavaScript에서 Gantt 차트를 만드는 방법

JavaScript 프로젝트 관리 스프레드시트에 Gantt 차트 기능을 쉽게 추가하는 방법에 대해 확인해 보세요.

JavaScript 스프레드시트를 사용하여 금융 보고서를 만드는 방법

SpreadJS를 사용하여 JavaScript에서 간단하면서도 강력한 재무 보고서를 만드는 방법을 설명합니다.

React 응용 프로그램에서 URL로부터 Excel XLSX 파일을 가져와 표시하는 방법

지정된 URL에서 Excel 파일을 가져오기 위해 React 앱에서 Excel IO 요소에 SpreadJS API를 활용하는 방법에 대해 설명합니다.

더 많은 글 보기

SpreadJS 적용 분야

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

company logo - energy
에너지
company logo - internet
인터넷
company logo - manufacturing
제조업
company logo - financial
금융/회계
company logo - government
연구기관
company logo - transportation
운송/물류
company logo - bigData
빅데이터
company logo - office automation
사무 자동화
company logo - software
SW 개발

Our Customers

로그인네트웍 로고

스마트 수출입 통관 솔루션

자세히 보기
EY한영 로고

법인세 통합 관리 솔루션

자세히 보기
농림축산부 로고

스마트팜 R&D 빅데이터 포탈

자세히 보기

도입 사례

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

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

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

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

- 원광도어 이OO 팀장

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

- Jeff Lynch, Microsoft MVP

시스템 요구사항

브라우저
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

SpreadJS 가격 및 라이선스

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

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

라이선스 구매 가이드 온라인 견적 신청 제품 상담 신청

필수 라이선스

Developer License

개발자 라이선스

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

SpreadJS 빠른 시작

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

배포 라이선스

SpreadJS의 컨트롤을 서버에 배포하기 위해 필요한 라이선스로, 최종적으로 서비스하는 도메인 주소 또는 IP 주소 각각에 대해서 구매가 필요합니다.

배포 라이선스 등록 방법

  • 한번 등록된 도메인 및 IP는 수정이 불가합니다.
  • 요청 전에 반드시 최종 확인을 해주세요.

추가 라이선스 옵션

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

Developer License

디자이너 컴포넌트 Icon-Link

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

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

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

GcExcel 프로젝트 라이선스

고성능 Excel API인 GcExcel을 SpreadJS와 함께 사용하여 서버 단에서 데이터를 더욱 빠르게 처리할 수 있습니다.

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

GcExcel 단독 구매 시,

SpreadJS와 함께 구매 시,

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

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

배포 키 | Distribution key 발급 신청

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

도입 문의

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

구매 절차

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

    가격 확인 및 견적 요청

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

    발주 요청

    하기 세가지 항목을 Email로 발송해주세요.

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

      아래의 양식을 복사하여 정보를 입력하신 후, 이메일로 전달 부탁 드립니다.

      1. 회사명 (한글) :
      2. 회사명 (영문) :
      3. 우편번호 :
      4. 주소 (한글) :
      5. 주소 (영문) :
      6. 담당자 (한글/영문) :
      7. 전화번호 :
      8. E-mail :

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

    결제

    은행 입금
    받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.
    카드 결제
    카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.

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

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

    * 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 없이 시작하는 웹 개발
  • 데이터 취합 및 통합 솔루션
더 알아보기

GcExcel

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

카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!