순수 JavaScript 기반의
Web-Excel 컴포넌트
JavaScript로 만든 강력한 Web-Excel 컴포넌트
SpreadJS를 통해 여러분의 웹과 모바일
응용프로그램에 MS Excel, Google Sheets와
같은 엑셀 기능을 구현해보세요.
- Angular, React, VueJS 공식 지원
- 500+ MS Excel 함수 대부분 지원
- Excel 가져오기/내보내기 지원
- 디자이너 컴포넌트 - 사전 정의된 컴포넌트로 추가 개발 없이 엑셀의 화면과 유사하게 구현 가능
- 더욱 다양한 기능이 추가된 SpreadJS 출시!
- 피벗 테이블(Pivot Table) - 웹에서 Excel 피벗 테이블 구현 가능 N
- GcExcel API와 함께 사용하여 더욱 완벽한 웹 Excel 솔루션 구현 가능
SpreadJS는 TypeScript로 작성된 순수 JavaScript Excel 스프레드시트 컴포넌트로, 외부 라이브러리 또는 특정 프레임워크에 종속되지 않아 가볍고 빠른 성능을 보장합니다. 또한 최신 웹 개발 프레임워크인 Angular, React, Vue를 지원하여 확장이 더욱 용이합니다.
아래는 실제 SpreadJS 화면입니다. HTML/CSS/JS 각 탭을 클릭하여 코드를 확인하고, 직접 코드를 수정하여 그에 따른 결과도 확인해보세요.
See the Pen SpreadJS 홈페이지 메인 V14_모바일 by GrapeCity Korea (@GrapeCity-Korea) on CodePen.
See the Pen SpreadJS 홈페이지 메인 V14 by GrapeCity Korea (@GrapeCity-Korea) on CodePen.
왜 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 파일로 내보낼 수 있습니다.
더 이상 웹이라고 Excel 기능을 포기하지 마세요.
SpreadJS는 오픈소스 또는 타사 그리드 컨트롤과는 비교할 수 없는 완전한 Excel의 기능을 지원합니다. 이제 기능에 타협하지 않고, Excel의 화면부터 수식, 차트, 조건부서식 등 모든 기능을 웹 상에서 가져오고/내보낼 수 있습니다.
SpreadJS 주요 기능
강력한 Pivot 테이블
SpreadJS는 피벗 테이블을 완벽 지원하며, Excel 피벗 테이블을 가져오고 내보낼 수 있습니다. 피벗 테이블을 사용하여 대량의 데이터를 그룹화하고, 계산, 요약 및 표시하여 생산성을 높일 수 있습니다.
차트와 스파크라인을 이용한 데이터 시각화
차트와 스파크라인을 이용하여 데이터를 명확하고 쉽게 이해할 수 있습니다. 대부분의 엑셀 차트, 상호작용 및 애니메이션으로 대시보드와 스프레드시트를 더 잘 활용할 수 있습니다.
다문화 지원
CalcEngine Language pack에서 선택 또는 사용자 정의를 통해 애플리케이션을 로컬라이즈할 수 있습니다. 언어 뿐만 아니라 통화, 숫자 구분 기호 등을 조정할 수 있습니다.
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 튜토리얼
아래 버튼을 클릭하시면, 더 많은 튜토리얼 예제를 확인하실 수 있습니다.
자세히 보기튜토리얼 & 샘플
JSON 데이터 바인딩 / Excel IO
SpreadJS 성능 테스트
SpreadJS 웹 Excel 에디터
아래 화면은 실제 디자이너 컴포넌트로 구현된 화면입니다.
See the Pen SpreadJS 디자이너 컴포넌트 V14.0.3 by GrapeCity Korea (@GrapeCity-Korea) on CodePen.
SpreadJS 템플릿 디자이너
SpreadJS 디자이너를 사용하여 익숙한 Excel 인터페이스를 통해 모든 종류의 Excel 보고서 템플릿을 빠르게 디자인해 보세요. 필요한 Excel 양식을 별도의 코딩 없이도 쉽고 빠르게 생성이 가능합니다.
데스크탑 템플릿 디자이너
WUSIWYG 독립 실행형 데스크탑 응용 프로그램으로, 체험판을 다운로드한 후 .exe 파일을 실행하여 사용할 수 있습니다.
Web 기반 템플릿 디자이너
브라우저에서 바로 SpreadJS 템플릿 디자이너를 사용해 보세요.
GrapeCity 개발자 포럼
- SpreadJS 블로그&Tips
- SpreadJS를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.
- SpreadJS Q&A
- 질문/답변 공간을 통해, 시티즌 여러분들의 고민과 개발지식을 함께 공유해주세요.
- SpreadJS FAQ
- 자주 묻는 질문에 대한 답변을 확인하실 수 있습니다.
- 시티즌 인사이트
- 업무 중 피로나 스트레스를 조금이라도 덜어드리고자 만든 공간입니다. 자유롭게 소통하세요.
- 시티즌 지식인
- GrapeCity 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.
- 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 상에 통합하고, 관리함으로써 실제로 업무를 효율적으로 개선하고, 이를 통해 더 많은 기회를 창출하고 있습니다.
에너지
인터넷
제조업
금융/회계
연구기관
운송/물류
빅데이터
사무 자동화
SW 개발
시스템 요구사항
브라우저
| 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를 함께 사용하시면 더욱 업그레이드 된 애플리케이션을 빠르게 구현하실 수 있습니다.
라이선스 구매 가이드 온라인 견적 신청 제품 상담 신청필수 라이선스
- 개발자 1명 당 1copy를 구매하셔야 합니다.
배포 라이선스
SpreadJS의 컨트롤을 서버에 배포하기 위해 필요한 라이선스로, 최종적으로 서비스하는 도메인 주소 또는 IP 주소 각각에 대해서 구매가 필요합니다.
배포 라이선스 등록 방법- 한번 등록된 도메인 및 IP는 수정이 불가합니다.
- 요청 전에 반드시 최종 확인을 해주세요.
추가 라이선스 옵션
디자이너 컴포넌트 / GcExcel 프로젝트 라이선스를 통해 애플리케이션의 기능을 더욱 쉽고 빠르게 향상시켜 보세요.
- 프로젝트 당 1copy를 구매하셔야 합니다.
GcExcel 프로젝트 라이선스
고성능 Excel API인 GcExcel을 SpreadJS와 함께 사용하여 서버 단에서 데이터를 더욱 빠르게 처리할 수 있습니다.
GcExcel Java 자세히 보기 GcExcel .NET 자세히 보기GcExcel 단독 구매 시,
SpreadJS와 함께 구매 시,
- 프로젝트 당 1copy를 구매하셔야 합니다.
* 모든 금액은 VAT 제외 금액입니다.
배포 키 | Distribution key 발급 신청
SpreadJS 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.
배포키 발급도입 문의
SpreadJS 도입 시 더욱 자세한 제품 및 구매 상담이 필요하신 경우 편하신 방법으로 연락 바랍니다.
구매 절차
구매 절차의 각 단계에 대한 자세한 내용을 보시려면 각 버튼을 클릭해주세요.
- 서명 완료된 견적서 (담당자 사인 또는 회사 직인)
- 사업자 등록증 사본 (회사일 경우)
-
End-User 정보
양식 확인하기
아래의 양식을 복사하여 정보를 입력하신 후, 이메일로 전달 부탁 드립니다.
1. 회사명 (한글) :
2. 회사명 (영문) :
3. 우편번호 :
4. 주소 (한글) :
5. 주소 (영문) :
6. 담당자 (한글/영문) :
7. 전화번호 :
8. E-mail :
- 은행 입금
- 받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.
- 카드 결제
- 카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.
가격 확인 및 견적 요청
아래의 방법 중 편하신 방법으로 견적서를 요청하실 수 있습니다.
발주 요청
하기 세가지 항목을 Email로 발송해주세요.
발주 요청을 주시면 이메일을 통해 인보이스를 발송해드립니다.
결제
라이선스 발급 & 세금 계산서 발행
결제 확인 후 라이선스 발급 안내 메일을 발송해 드립니다.
* 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 .NET 알아보기
카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!
- 그레이프시티 정보
- 그레이프시티 알아보기
- 그레이프시티 채용
- 정책(Policy)
- 최종 사용자 라이선스 동의
