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

웹 시스템에

Excel을 개발해 달라고 해서

모든 것을 포기하려다..

SpreadJS를 만났습니다.

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

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

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

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

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

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의 화면부터 수식, 차트, 조건부서식 등 모든 기능을 웹 상에서 가져오고/내보낼 수 있습니다.

500+ 수식 Excel 가져오기 / 내보내기 PDF 내보내기 조건부 서식 30+ Excel 차트 스파크라인 도형/그림 복사 및 붙여넣기 정렬 슬라이서 CSV 가져오기 및 내보내기 그라데이션 채우기

무엇이든 물어보세요!

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

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

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입니다.

JavaScript 프레임워크별 빠른 시작 가이드

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

PureJS | SpreadJS 시작하기

JavaScript 코드로 SpreadJS를 통해서 Excel 파일을 쉽게 가져오고, JavaScript 스프레드시트 컴포넌트 API를 통해서 Excel 파일로 내보내는 방법을 소개합니다.
온라인 스터디 바로가기
React | SpreadJS 시작하기

SpreadJS Excel UI 컨트롤을 React 개발 환경에서 사용하는 방법을 설명합니다. React에서 Excel 읽기, 쓰기, 내보내기 등을 구현 할 수 있으며, Excel과 유사한 웹 엑셀 편집기 기능을 React 코드로 개발할 수 있습니다.
온라인 스터디 바로 가기
Vue | SpreadJS 시작하기

SpreadJS Excel UI 컨트롤을 Vue 3 개발 환경에서 사용하는 방법을 설명합니다. Vue 3에서 Excel 읽기, 쓰기, 내보내기 등을 구현 할 수 있으며, Excel과 유사한 웹 엑셀 편집기 기능을 Vue 코드로 개발할 수 있습니다.

Vue 3 | Vue 2
Next.js | SpreadJS 시작하기

SpreadJS Excel UI 컨트롤을 Next.js 개발 환경에서 사용하는 방법을 설명합니다. Next.js에서 Excel 읽기, 쓰기, 내보내기 등을 구현 할 수 있으며, Excel과 유사한 Excel 편집기 기능을 개발할 수 있습니다.
온라인 스터디 바로가기
Nuxt.js | SpreadJS 시작하기

SpreadJS Excel UI 컨트롤을 Nuxt.js 개발 환경에서 사용하는 방법을 설명합니다. Nuxt.js에서 Excel 읽기, 쓰기, 내보내기 등을 구현 할 수 있으며, Excel과 유사한 웹 엑셀 편집기 기능을 Nuxt.js 코드로 개발할 수 있습니다.

Nuxt.js v3 | Nuxt.js v2
Angular | SpreadJS 시작하기

SpreadJS Excel UI 컨트롤을 Angular(앵귤러) 개발 환경에서 사용하는 방법을 설명합니다. Angular에서 Excel 읽기, 쓰기, 내보내기 등을 구현 할 수 있으며, Excel과 유사한 웹 엑셀 편집기 기능을 Angular 코드로 개발할 수 있습니다.
온라인 스터디 바로 가기
Excel 에디터 컴포넌트 시작하기

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

JavaScript | React | Vue | Angular
템플릿 디자이너를 이용한 템플릿 작성과 활용

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

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

JavaScript | Angular
시작 가이드 PDF

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

시작 가이드 PDF 다운로드
URL로 Excel 파일 읽어오기

URL에서 Excel(.xlsx) 파일을 가져와 JavaScript 스프레드시트 응용 프로그램으로 읽을 수 있습니다. SpreadJS JavaScript 스프레드시트 API를 활용하여 지정된 URL에서 Excel 파일을 손쉽게 가져오고 읽는 방법을 살펴봅니다.
온라인 스터디 바로가기

무엇이든 물어보세요!

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

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

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

JavaScript 피벗 테이블을 구현해 보세요!

Pivot

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

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

(SpreadJS v14.1 이상)

자세히 보기 적용 방법

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

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

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

Gantt

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

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

(SpreadJS v17 이상)

데모 보기 적용 방법

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

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

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

Report

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

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

(SpreadJS v17 이상)

데모 보기 적용 방법

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

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

JavaScript 웹 Excel 에디터

EASY

디자이너 컴포넌트

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

자세히 보기 FAQ 적용 방법

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

See the Pen SpreadJS 디자이너 컴포넌트 V15.0.6_홈페이지 게시 전용 by GrapeCity Korea ( @GrapeCity-Korea ) on CodePen.

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

데스크탑 템플릿 디자이너

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

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

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

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

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

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 다운로드 JS 올인원 패키지 다운로드

SpreadJS v18 새로운 기능

신규 DataChart 추가

외부 데이터를 연동해서 실시간 엑셀 Chart를 그릴 수 있습니다.

JavaScript 프레임워크 - Vue 및 Angular Excel 지원

런타임 및 디자인 Vue Wrapper TypeScript 지원
Angular 18 지원

SpreadJS Excel 디자이너 컴포넌트

보이지 않는 범위 검색 지원

기타 추가된 기능

Excel Workbook (워크북) 기능 추가
Excel 피벗(Pivot) 테이블 기능 추가
Excel ReportSheet(보고서 시트) 기능 추가
Excel 계산 함수 추가

새로운 기능 자세히 보기

SpreadJS 블로그

List of Services

더 많은 글 보기

"수정도 안 되는 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

New Paragraph

구매 절차

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

1. 가격 확인 및 견적 요청
아래의 방법 중 편하신 방법으로 견적서를 요청하실 수 있습니다.
- 온라인 견적 확인 및 견적 신청
- 1670-0583
- sales-kor@mescius.com
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 더 알아보기

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

왜 SpreadJS를 사용해야 할까요?

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

SpreadJS 주요 기능

데이터 매니저

피벗 테이블

간트시트

리포트시트

테이블시트

Excel IO

차트

스파크라인

조건부 서식

500+ 함수

동적 배열

표

필터

슬라이서

도형

셀 타입

범위 템플릿

포맷터

셀 드롭다운

셀 상태

바코드

하이퍼링크

정렬

데이터 바인딩

자동 병합

드래그 채우기

컨텍스트 메뉴

인쇄

PDF 내보내기

검색

움직이는 개체

지역화

유효성 검사

메모

아웃라인

JavaScript 프레임워크별 빠른 시작 가이드

PureJS | SpreadJS 시작하기

React | SpreadJS 시작하기

Vue | SpreadJS 시작하기

Next.js | SpreadJS 시작하기

Nuxt.js | SpreadJS 시작하기

Angular | SpreadJS 시작하기

Excel 에디터 컴포넌트 시작하기

템플릿 디자이너를 이용한 템플릿 작성과 활용

라이선스 키 설정하기

시작 가이드 PDF

URL로 Excel 파일 읽어오기

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

JavaScript 피벗 테이블을 구현해 보세요!

Pivot

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

Gantt

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

Report

JavaScript 웹 Excel 에디터

EASY

디자이너 컴포넌트

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

SpreadJS 템플릿 & 샘플

비즈니스 대시보드

SEO 대시보드

팀별 데이터 취합하기

공급 체인 대시보드

KPI 대시보드

직원 근무 스케줄 대시보드

성과 분석 대시보드

JavaScript 웹 Excel 에디터 - 디자이너 컴포넌트

SpreadJS 성능 테스트 샘플

Excel 응용 프로그램과 유사한 SpreadJS

SpreadJS 모바일 사용 예제

도형 워크플로우

세금 양식

재무 KPI 대시보드

성적표 대시보드

손익계산서

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

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