제품설치 및 실행 SpreadJS 디자이너 소스코드 셋팅 방법
페이지 정보
작성자 MESCIUS
작성일 2020-08-25 15:38 조회 1,441회
댓글 0건
본문
관련링크
SpreadJS와 함께 결합하여 사용하는 디자이너 소스코드 소개와 초기 세팅 방법을 안내합니다.
SpreadJS 디자이너 소스는 엑셀과 유사한 UI(리본 메뉴, 다이얼로그 창)를 소스코드 형태로 제공하는 제품으로, SpreadJS와 함께 결합하여 배포하면 최종 사용자에게 웹에서 엑셀을 사용하는 듯한 느낌을 줄 수 있습니다.
완성된 Excel 웹 에디터로 여러분의 프로젝트에 디자이너 소스코드를 붙여 넣는 것 만으로도, MS Office 365 및 구글 시트와 같이 상단 리본 메뉴 및 Excel 시트가 포함된, 에디터를 바로 구현할 수 있습니다.
SpreadJS 화면
SpreadJS와 디자이너 소스코드를 결합한 화면
디자이너 소스코드가 결합된 SpreadJS는 에서 직접 사용해 보실 수 있습니다.
SpreadJS 디자이너 소스코드를 구매하신 후,
실제 사용을 위해, SpreadJS의 라이브러리를 셋팅하는 방법은 하기와 같습니다.
SpreadJS와 디자이너 소스코드 결합 방법
"SpreadJS 개발자 라이선스"와 "디자이너 소스코드"를 구매하시면 각각의 제품 링크를 메일로 전달 드립니다. 먼저, 각 제품을 압축 해제하여 주시기 바랍니다.
[ SpreadJS 압축 해제 후 화면 ]
[ 디자이너 소스코드 압축 해제 후 화면 ]
디자이너 소스코드의 코스 상에, 기본으로 지정된 SpreadJS 라이브러리 경로는 ../lib/spread/ 입니다.
하지만 실제 경로에는 spread 폴더가 없기 때문에 src\lib 폴더 내에, 하기와 같이 spread 폴더를 만들어 줍니다.
그 후, 압풀을 푼 "SpreadJS"의 scripts 파일과 css 파일을 복사하여 붙여넣습니다.
"SpreadJS.Release.13.x.x\scripts\" 안에 있는 모든 파일을, 위에서 만들 디자이너소스 코드의 "/lib/spread"폴더에 복사합니다.
"SpreadJS.Release.13.x.x\css\"안에 있는 모든 파일을, 위에서 만들 디자이너소스 코드의 "/lib/spread"폴더에 복사합니다.
위의 과정를 거쳐, 하기와 같이 디자이너 소스코드의 "src/lib/spread/" 폴더 아래, 필요한 "SpreadJS" 라이브러리를 가져옵니다.
복사가 모두 완료되었다면, 하기와 같이 구매하신 SpreadJS의 버전과 디자이너 소스코드 내의 선언부를 일치시켜 주어야 합니다.
선언부인 src\index\index.html 파일을 열어 기본으로 선언되어 있는 버전을 사용하는 버전으로 변경합니다.
*css파일과 js파일 총 9가지 선언
*하기는 샘플은 13.2.0 버전으로 만들어 졌으며, 구매하신 버전명을 수정하여, 가져오시면 됩니다.
*license.js 파일은 반드시 모든 spreadjs 라이브러리 다음에 선언해주세요. (자세한 license.js 파일 생성 방법은 ""를 참고해주세요.)
설정과 관련하여 문의 사항이 있는 경우, 편하신 방법으로 문의 바랍니다.* 오류가 발생하는 경우, 화면 스크린샷을 찍어주시거나, 해당 상황에 대해 명확히 설명해주시면 빠른 문제 해결에 도움이 됩니다.포럼 : SpreadJS - Q&A|토론 게시판 Tel : 1670-0583
댓글목록
등록된 댓글이 없습니다.
