기본

QCELL의 이해

QCELL은 설치하는 것이 아닌, 자바스크립트, CSS 및 이미지 파일로 구성된 라이브러리를 포함하는 방식으로 개발되어 있습니다.

이 라이브러리는 QCELL 그리드가 실행되기 전에 로드될 수 있어야 합니다.
즉, 이 라이브러리는 웹 서버의 원하는 위치에 저장된 후 웹 페이지에서 링크를 통해 포함됩니다.

이로써 웹 서버의 하드웨어, 운영체제, 개발 언어 등에는 전혀 영향을 미치지 않습니다.

QCELL의 라이브러리 로딩 방법 및 라이선스 등록 방법은 라이브러리/라이선스 부분을 참고하시길 바랍니다.

QCELL은 jQuery 버전 충돌이 발생하지 않습니다.

우리 라이브러리에는 별도의 jQuery 모듈이 포함되어 있어(별도 네임스페이스로 사용하여 충돌하지 않음) 이 모듈을 사용하거나 프로젝트에서 사용하는 jQuery 모듈을 사용할 수 있습니다.

● 웹사이트 전체는 사용 중인 jQuery 버전을 따라 동작합니다.
● 저희 QCELL 라이브러리에 포함된 버전은 1.12.4이며, jQuery의 기본 기능만을 사용하므로 이보다 낮은 버전에서도 작동합니다.

QCELL 제품을 함께 사용해도 문제가 없음을 확인했습니다.

그러나 해당 경우에는 먼저 QCELL 라이브러리를 로드한 후 프로젝트에서 사용하는 jQuery 라이브러리를 로드해야 합니다.

<title>checkbox sample</title>
<script>
  var RightTechPath="./";
</script>
<link rel="stylesheet" type="text/css" href="./QCELL/css/qcell.css">

<script  type="text/javascript" src="./QCELL/qcell.js"></script>
<script src="https://code.jquery.com/jquery-2.1.0.min.js" integrity="sha256-8oQ1OnzE2X9v4gpRVRMb1DWHoPHJilbur1LP9ykQ9H0=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-1.1.1.js"></script>

QCELL 제품을 사용하지 않는 옵션을 사용해도 샘플 그리드가 올바르게 생성되고 작동하는 것을 확인했습니다.
이 경우 jQuery가 로드되기 전에 QCELL 라이브러리를 로드해야 합니다.

<title>checkbox sample</title>
<script src="https://code.jquery.com/jquery-2.1.0.min.js" integrity="sha256-8oQ1OnzE2X9v4gpRVRMb1DWHoPHJilbur1LP9ykQ9H0=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-1.1.1.js"></script>
<script>
  var RightTechPath="./";
  var useRightTechJQuery = false;
</script>

<link rel="stylesheet" type="text/css" href="./QCELL/css/qcell.css">
<script  type="text/javascript" src="./QCELL/qcell.js"></script>

QCELL 그리드가 안정적으로 작동하기 위해서는 함께 사용하는 것이 좋습니다(QCELL 라이브러리를 로드한 후 사이트 jQuery 로드).

QCELL은 모바일 웹에서도 사용이 가능합니다.

(작가 aleksandr_samochernyi) 출처 Freepik

화면 크기에 따라 반응할 수 있도록 개발할 수 있으며, PC와 모바일을 모두 지원하는 HTML5로 표시됩니다. 이는 HTML5를 지원하는 모바일 웹 브라우저와 모바일 앱(웹 뷰 삽입)에서도 실행 가능합니다.

또한, AngularJS, React, Vue, Bootstrap, jQuery와 같은 Web UI Framework Library는 서로 다른 내용과 스타일을 갖고 있지만 모두 HTML5, JavaScript, CSS로 구현되어 웹 브라우저에서 작동합니다.

마찬가지로 QCELL로 웹 그리드 컴포넌트를 생성하고 동작시켜주는 library이기에 함께 사용해 개발할 수 있습니다.

그리고 전자정부프레임워크를 사용하는데 있어서도 문제는 없습니다.

전자정부프레임워크를 사용하는 데 문제가 없습니다.
전자정부프레임워크는 데이터 티어, 웹 애플리케이션 티어, 웹 프레젠테이션 티어, 보안, 배치, 협업 등을 제공하여 웹 개발을 쉽고 빠르게 할 수 있도록 하는 개발 프레임워크입니다.

프레젠테이션 티어에서 QCELL 라이브러리를 로드하여 개발할 수 있습니다. 일반 오픈 소스 컴포넌트와 동일한 구조와 절차를 따릅니다.
또한 비동기 통신을 기반으로 표준 데이터(JSON)를 웹 서버와 주고받아 처리하므로 편리하게 개발할 수 있습니다.