SpreadJS 튜토리얼
SpreadJS 튜토리얼
온라인 튜토리얼에서는 SpreadJS의 각 주요 기능을 단계별로 설명합니다.
명확한 문서, 분류형 예제 소스 코드 및 온라인 데모 실시간 보기로 빠르게 시작할 수 있으며 쉽게 SpreadJS 코드를 작성할 수 있습니다.
온라인 튜토리얼
최신 모던 JavaScript 프레임워크 기반에서 SpreadJS를 구현하고자 하시는 개발자분들을 위한 다양한 데모/튜토리얼을 확인하실 수 있습니다. PureJS | Angular | React | Vue
아래 동영상들을 통해 SpreadJS를 시작하는 방법, json데이터를 SpreadJS에 바인딩하는 방법과 Excel 파일로 내보내기, 가져오기 기능을 구현하는 방법, 라이선스 키 적용 방법을 학습할 수 있습니다.
SpreadJS 튜토리얼
JSON 데이터 바인딩 / Excel IO
JSON 데이터를 SpreadJS에 바인딩하는 방법과 Excel 파일로 내보내기, 가져오기 기능을 구현하는 방법에 대해 알아보세요.
라이선스 키 설정하기
SpreadJS 라이선스 키 설정과 관련하여 자세히 알아보실 수 있습니다. 라이선스 키 설정 시 자주 발생하는 "라이선스를 찾을 수 없음(License Not Found)" 에러와 "유효하지 않은 라이선스(Invalid License)" 에러에 대한 해결 방법에 대해서도 설명합니다.
SpreadJS 온라인 스터디
그레이프시티 개발자 포럼의 SpreadJS 온라인 스터디 게시판을 통해 SpreadJS를 활용하는 다양한 방법에 대해 알아보실 수 있습니다.
SpreadJS 주요 기능
강력한 Pivot 테이블N
SpreadJS는 피벗 테이블을 완벽 지원하며, Excel 피벗 테이블을 가져오고 내보낼 수 있습니다. 피벗 테이블을 사용하여 대량의 데이터를 그룹화하고, 계산, 요약 및 표시하여 생산성을 높일 수 있습니다.
차트와 스파크라인을 이용한 데이터 시각화
차트와 스파크라인을 이용하여 데이터를 명확하고 쉽게 이해할 수 있습니다. 대부분의 엑셀 차트, 상호작용 및 애니메이션으로 대시보드와 스프레드시트를 더 잘 활용할 수 있습니다.
다문화 지원
CalcEngine Language pack에서 선택 또는 사용자 정의를 통해 애플리케이션을 로컬라이즈할 수 있습니다. 언어 뿐만 아니라 통화, 숫자 구분 기호 등을 조정할 수 있습니다.
SpreadJS 템플릿 디자이너
코딩 없이 WYSIWYG SpreadJS 디자이너를 통해 템플릿을 쉽게 디자인하여 애플리케이션 개발에 필요한 시간과 에너지를 절약할 수 있습니다.
템플릿 디자이너 활용 방법
테이블시트(TableSheet) NEW
테이블시트(TableSheet)는 SpreadJS 스프레드시트 계산 엔진, 런타임 패널 및 사용자 지정 보기의 기능을 추가하여 가장 까다로운 데이터 바인딩 요구 사항을 빠르게 처리할 수 있는 별도의 고성능 엔터프라이즈급 DataTable입니다.
데이터 매니저 NEW
SpreadJS Data Manager는 데이터 관계 및 보기를 통해 이전보다 훨씬 빠르고 쉽게 TableSheet의 바인딩된 데이터에 연결하고 상호 작용할 수 있도록 하는 성능을 위해 구축된 새로운 데이터 엔진 API입니다.
SpreadJS 웹 Excel 에디터 - 디자이너 컴포넌트
SpreadJS를 통해 구글 시트, 온라인 MS Excel과 유사한 UI, 메뉴구조 그리고 Excel의 기능을 구현하고자 하시는 개발자 분들을 위해, “디자이너 컴포넌트” 를 출시하였습니다.
SpreadJS 성능 테스트 샘플
SpreadJS 성능 테스트 샘플을 통해 데이터 수에 따른 SpreadJS의 처리 속도를 측정할 수 있습니다. 데이터 로드 시간 외에도 정렬이나 필터링, 그룹화를 실행했을 때의 소요 시간을 직접 확인해보세요.
SpreadJS 모바일 사용 예제
SpreadJS는 PC, 패드 및 스마트폰에서 모두 원활하게 사용할 수 있는 완전한 플랫폼의 HTML5 프런트 엔드 컨트롤입니다.
- SpreadJS는 화면 크기를 조절하여 응답형으로 데이터를 렌더링합니다.
- SpreadJS는 터치 스크린에 최적화되어 모바일에서 편리하게 사용할 수 있습니다.
카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!
- 그레이프시티 정보
- 그레이프시티 알아보기
- 그레이프시티 채용
- 정책(Policy)
- 최종 사용자 라이선스 동의
