큐셀 라이브러리를 웹 페이지에서 접근할 수 있는 적절한 위치에 복사하신 후 해당 경로를 확인 하면서 아래 세가지 작업을 해줘야 큐셀 그리드를 사용할 수 있습니다.
큐셀 라이브러리가 정상적으로 로딩되었는지 확인하는 방법은 개발자 도구를 사용하여 QCELL 객체를 call 해보시면 됩니다.
아래는 크롬 개발자 도구로 사용하여 체크한 예입니다.
- 스타일 로딩
<link href="./QCELL/css/qcell.css" type="text/css" rel="stylesheet" />
- 환경변수 설정
<script type="text/javascript">
var RightTechPath = './';
</script>
- 큐셀 메인 라이브러리 로딩
<script type="text/javascript" src="./QCELL/qcell.js"></script>
- 메인 라이브러리와 RightTechPath를 로딩
위와 같은 방법이 아닌 아래와 같이 한 줄로 스크립트를 지정하여 RightTechPath를 불러와 사용할 수 있습니다.(리액트 환경에서 사용 시 원활한 로딩을 하실 수 있습니다.)
<script type="text/javascript" src="./QCELL/qcell.js?RightTechPath=./"></script>