#기본
# 라이브러리 로딩
큐셀 라이브러리를 웹 페이지에서 접근할 수 있는 적절한 위치에 복사하신 후 해당 경로를 확인 하면서 아래 세 가지 작업을 해줘야 큐셀 그리드를 사용할 수 있습니다.
큐셀 라이브러리가 정상적으로 로딩되었는지 확인하는 방법은 개발자 도구를 사용하여 QCELL 객체를 call 해보시면 됩니다.
아래는 크롬 개발자 도구로 사용하여 체크한 예입니다.
# Step 1: 스타일 로딩
<link href="./QCELL/css/qcell.css" type="text/css" rel="stylesheet" />
#
Step 2: 환경변수 설정
<script type="text/javascript">
var RightTechPath = './';
</script>
#
Step 3: 큐셀 메인 라이브러리 로딩
<script type="text/javascript" src="./QCELL/qcell.js"></script>또는
<script type="text/javascript" src="./QCELL/qcell_concat.js"></script>(여러 개의 라이브러리를 압축하여 하나의 js 파일로 만들어 js 파일들을 로딩하는 시간을 단축시킨 QCELL 2.1.199 v4 버전부터 사용이 가능합니다)
라이브러리 로딩 화면
#
Step 4: 새로운 라이브러리 로딩 방법(QCELL v2.1.180 이상에서 적용)
위와 같은 방법이 아닌 아래와 같이 한 줄로 스크립트를 지정하여 RightTechPath를 불러와 사용할 수 있습니다.(리액트 환경에서 사용 시 원활한 로딩을 하실 수 있습니다)
<script type="text/javascript" src="./QCELL/qcell.js?RightTechPath=./"></script>
라이브러리 로딩 화면
# 큐셀 라이선스 등록
큐셀을 사용하는 웹 사이트(도메인) 단위로 판매합니다. 그리고 큐셀 라이선스 체크도 큐셀이 사용되어 불려지는 도메인 주소를 가지고 확인이 됩니다.
큐셀 라이선스 변수에 구매한 라이선스를 아래와 같이 할당해 주시면 됩니다.
모든 페이지에 이렇게 작업을 해 주셔도 되고 공통 스크립트 파일에 넣어 주셔도 됩니다. 큐셀 그리드가 만들어지기 전에 이 변수 값이 있어면 됩니다.
만일 올바르지 않은 라이선스이거나 값이 없으면 큐셀 그리드의 우측 하단에 평가판이라는 이미지가 보여집니다.
등록한 라이선스가 어떤 도메인인지 확인하기 위한 api는 아래와 같고 개발자 도구에서 명령을 실행하십시오.
"righttech.co.kr"
