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

    SpreadJS 튜토리얼

    온라인 튜토리얼에서는 SpreadJS의 각 주요 기능을 단계별로 설명합니다.
    명확한 문서, 분류형 예제 소스 코드 및 온라인 데모 실시간 보기로 빠르게 시작할 수 있으며 쉽게 SpreadJS 코드를 작성할 수 있습니다.

    온라인 튜토리얼

    최신 모던 JavaScript 프레임워크 기반에서 SpreadJS를 구현하고자 하시는 개발자분들을 위한 다양한 데모/튜토리얼을 확인하실 수 있습니다.

    PureJS | Angular | React | Vue

    바로가기 →
    개발자 포럼

    MESCIUS 개발자 포럼에서 SpreadJS를 활용하는 다양한 방법에 대해 알아보실 수 있습니다.

    온라인스터디 블로그 & Tips 기술 지원
    시작 가이드 PDF

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

    바로가기 →

    아래 동영상들을 통해 SpreadJS를 시작하는 방법, json데이터를 SpreadJS에 바인딩하는 방법과 Excel 파일로 내보내기, 가져오기 기능을 구현하는 방법, 라이선스 키 적용 방법을 학습할 수 있습니다.

    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 온라인 스터디

    메시어스 개발자 포럼의 SpreadJS 온라인 스터디 게시판을 통해 SpreadJS를 활용하는 다양한 방법에 대해 알아보실 수 있습니다.

    더 알아보기

    List of Services

    SpreadJS 주요 기능

    • 500+ 함수 지원

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

    • Excel 가져오기 / 내보내기

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

    • 강력한 Pivot 테이블

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

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

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

    • 다문화 지원

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

    • SpreadJS 템플릿 디자이너

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

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

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

    • 데이터 매니저

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

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

      SpreadJS를 통해 구글 시트, 온라인 MS Excel과 유사한 UI, 메뉴구조 그리고 Excel의 기능을 구현하고자 하시는 개발자 분들을 위해, “디자이너 컴포넌트” 를 출시하였습니다.

      자세히 보기
      데모 실행
    • SpreadJS 성능 테스트 샘플

      SpreadJS 성능 테스트 샘플을 통해 데이터 수에 따른 SpreadJS의 처리 속도를 측정할 수 있습니다. 데이터 로드 시간 외에도 정렬이나 필터링, 그룹화를 실행했을 때의 소요 시간을 직접 확인해 보세요.

      데모 실행
    • Excel 응용 프로그램과 유사한 SpreadJS

      본 예제는 SpreadJS를 사용하여 Excel과 유사한 스프레드시트를 만드는 응용 프로그램을 시연한 것입니다.

      데모 실행
    • SpreadJS 모바일 사용 예제

      SpreadJS는 PC, 패드 및 스마트폰에서 모두 원활하게 사용할 수 있는 완전한 플랫폼의 HTML5 프론트 엔드 컨트롤입니다.


      1. SpreadJS는 화면 크기를 조절하여 응답형으로 데이터를 렌더링합니다.
      2. SpreadJS는 터치 스크린에 최적화되어 모바일에서 편리하게 사용할 수 있습니다.

      데모 실행
    • 비즈니스 대시보드

      SpreadJS를 사용하여 비즈니스 데이터의 스냅샷을 신속하게 제공하는 대시보드를 쉽게 생성할 수 있습니다.



      데모 실행
    • 세금 양식

      사용자가 온라인으로 사용할 수 있는 복잡한 데이터 입력 및 기타 유사한 구조화된 양식을 쉽게 만들어 보세요.

      데모 실행
    • 재무 KPI

      이 샘플은 SpreadJS를 사용하여 재무 KPI와 같이 KPI를 사용한 비즈니스 스프레드시트를 만드는 방법을 보여줍니다.

      데모 실행
    • 성적표 대시보드

      SpreadJS를 사용하여 성적표 대시보드와 같은 대시보드를 만드는 방법을 알아보세요.

      데모 실행
    • 손익 계산서

      SpreadJS를 사용하여 손익계산서를 만드는 방법을 보여 줍니다.

      데모 실행
    • 도형 워크플로우

      도형을 사용하여 워크플로우 차트를 만드는 방법을 알아보세요.

      데모 실행
    Share by: