JavaScript 유저 스타터 템플릿
실제 현업에서 고객들이 사용하고 있는 기능들을 직접 사용하실 수 있도록 템플릿화하였습니다.
템플릿을 활용해 빠르게 시작해보세요!
기업 조직도
SpreadJS를 활용하여 기존 Excel로 관리하던 조직도 파일을 웹 기반 인터페이스로 전환하고, 동적으로 관리할 수 있는 조직도 화면을 구현하는 방법을 설명합니다.
판매 실적 대시보드
SpreadJS를 활용하여 Excel로 작성하던 판매 실적 보고서 파일을 판매 실적 대시보드로 전환하는 방법에 대해 설명합니다.
재고 관리 대시보드
기업에서 Excel로 관리하던 재고 관리 대시보드 파일을 SpreadJS를 활용해 웹 대시보드로 전환하는 방법을 소개합니다.
미수금 관리대장 대시보드
Wijmo의 그리드와 차트 컨트롤을 활용하여 금액, 수금액, 미수금액 관련 데이터를 파악할 수 있는 미수금 관리대장 대시보드 샘플입니다.
비즈니스 대시보드
SpreadJS와 Wijmo를 활용하여 비즈니스 대시보드를 생성하는 방법에 대해 설명합니다.
환경 통계 포탈 대시보드
Wijmo의 차트와 탭 패널을 활용해 만든 대시보드입니다. 차트 우클릭 시, 차트 이미지 내보내기 기능도 함께 확인해보세요.
판매 분석 대시보드
Wijmo의 컨트롤을 사용해 판매 관련 데이터를 확인할 수 있는 판매 분석 대시보드 샘플입니다. * 해당 샘플에서 사용된 Wijmo 컨트롤은 차트, 그리드, 입력, 게이지 입니다.
SEO 대시보드
SpreadJS를 활용하여 디지털 마케팅의 중요한 요소 중 하나인 SEO(검색 엔진 최적화)를 위한 SEO 대시보드를 생성하는 방법에 대해 설명합니다.
팀별 데이터 취합하기
팀별 권한 설정 및 팀별 데이터를 취합하는 방법에 대해 설명합니다.
이커머스 대시보드
Wijmo의 다양한 컨트롤을 사용해 데이터를 한 눈에 볼 수 있도록 만들어진 이커머스 대시보드 샘플입니다.
KPI 대시보드
기업에서 Excel(엑셀) 파일로 갖고 있던 "KPI 대시보드 엑셀 파일"을 SpreadJS를 활용해 웹 페이지로 가져오는 방법에 대해 설명합니다.
공급 체인 대시보드
기업에서 Excel(엑셀) 파일로 갖고 있던 "공급 체인 대시보드 엑셀 파일"을 SpreadJS를 활용해 웹 페이지로 가져오는 방법에 대해 설명합니다.
직원 근무 스케줄 대시보드
기업에서 Excel(엑셀) 파일로 갖고 있던 "직원 근무 스케줄 대시보드 엑셀 파일"을 SpreadJS를 활용해 웹 페이지로 가져오는 방법에 대해 설명합니다.
성과 분석 대시보드
기업에서 Excel(엑셀) 파일로 갖고 있던 "성과 분석 대시보드 엑셀 파일"을 SpreadJS를 활용해 웹 페이지로 가져오는 방법에 대해 설명합니다.
설문조사 결과 대시보드
Wijmo의 차트와 그리드를 통해 설문조사 데이터를 효율적으로 분석할 수 있도록 설계되었습니다.
트래픽 모니터링 대시보드
웹 서버의 트래픽 내역을 국가별로 보여주는 React 기반 대시보드입니다.
인사 정보 조회 데이터그리드
Wijmo FlexGrid를 기반으로 직위, 부서, 사원 번호 등 다양한 인사 데이터를 한눈에 파악할 수 있도록 설계되었으며 필터링, 검색 및 내보내기 기능을 통해 사용자에게 편리한 경험을 제공합니다.
재직증명서
근로자의 재직 사실을 공식적으로 확인해주는 증명서 양식으로, 부서, 직급, 입사일, 재직 기간 등을 포함하는 재직증명서 샘플입니다.
혈액 검사 결과 보고서
환자의 혈액 내 다양한 수치를 정리하여 환자의 질병 유무 또는 건강 상태를 확인하기 위한 문서로 혈액 검사 수치 정보가 포함된 혈액 검사 결과 보고서 샘플입니다.
이체 결과 확인증
은행 계좌 이체가 정상적으로 처리되었음을 증명하기 위한 문서로 거래 시 계좌, 이체 금액 정보 등을 표시하는 이체 결과 확인증 샘플입니다.
재고 조사 보고서
기업에서 보유한 제품이나 자재의 현재 재고 현황을 파악하기 위한 문서로 품목별 재고 현황에 관한 정보를 기록한 재고 조사 보고서 샘플입니다.
거래명세서
공급사와 거래처 간의 거래 내역 정보를 기록하는 문서로 거래된 품목, 수량, 단가 등 거래 상세 정보가 포함된 거래명세서 샘플입니다.
고속 선박 전자 티켓(e-Ticket)
고속 선박 탑승권의 전자 티켓으로 티켓을 구매한 고객 정보, 고속 선박 관련 내역이 포함된 고속 선박 전자 티켓(e-Ticket) 샘플입니다.
고속 선박 모바일 전자 티켓(e-Ticket)
고속 선박 탑승권의 모바일 전자 티켓으로 티켓을 구매한 고객 정보, 고속 선박 관련 내역을 모바일에서 확인할 수 있는 고속 선박 모바일 전자 티켓(Mobile e-Ticket) 샘플입니다.
수질 검사 성적서
제공되는 물이 안전하고 규정 기준을 충족했음을 확인하는 자료로, 소비자에게 신뢰를 주고 공공시설의 위생 관리 상태를 증명하는 수질 검사 성적서 샘플입니다.
화장품 시험 성적서
화장품에 포함된 성분의 안정성과 신뢰성을 확인시켜 주는 화장품 시험 성적서 샘플입니다.
전자항공권 발행 확인서
항공권을 구매한 승객에게 발급되는 문서로, 탑승 정보와 안내 사항이 포함되어 있는 전자항공권 발행 확인서 샘플입니다.
졸업 증명서
졸업 사실을 공식적으로 증명하는 데 사용되는 졸업 증명서 샘플입니다.
세금 계산서
거래 사실을 증명하고, 부가가치세액을 계산하는 데 필요한 세금 계산서 샘플입니다.
견적서
가격 정보, 거래 조건, 공급자 및 발주자 정보 등을 포함하는 견적서 샘플입니다.
성적 증명서
학생의 학업 성적을 공식적으로 증명하는 성적 증명서 샘플입니다.
고객 리스트
고정 페이지 레이아웃을 사용해 고객 정보를 확인할 수 있도록 제작된 샘플입니다.
MESCIUS JavaScript 제품 패키지 다운로드
MESCIUS의 JavaScript 제품들을 다운로드하여, 직접 사용해 보세요.
아래 버튼을 클릭하여 한번에 다운로드할 수 있습니다!
- SpreadJS - JavaScript 기반 Excel 컴포넌트
- Wijmo - JavaScript 기반 차트, 그리드, 입력 등 UI 컴포넌트
- ActiveReportsJS - JavaScript 기반 리포팅 컴포넌트
