큐셀 QCELL 제품 소개

1.  개요 - 고성능에 초점을 둔 웹 그리드

그리드(grid)는 단어의 의미가 말해주듯 엑셀에서 본  격자 무늬를 말합니다. 다양한 업무 및 고객 서비스 시스템은 관계형 데이터베이스를 기반으로 생성과 조회, 수정, 삭제가 빈번히 발생합니다.
이러한 데이터를 화면에 보여주면서 원하는 기능을 수행할 수 있게 해주는 UI 컴포넌트가 그리드 입니다.
그리고 대부분 시스템 화면에서 엑셀 모습과 비슷한 그리드를 보셨을 것입니다. 이러한 화면과 기능을 운영체제 뿐만 아니라 PC와 모바일에 비종속적인 환경으로 개발하기 위하여 웹(브라우저)에서 동작하도록  만들어진 컴포넌트를 웹 그리드라 합니다.
QCELL은 고성능의 그리드 컴포넌트로 웹 표준 기술인 HTML5와 CSS, JavaScript , JSON 기반으로 만들어진 제품이며 도입하여 개발 시 웹 표준 기술을 사용합니다.

2.  주요 특장점

❏  웹 표준 준수로 Any OS, Any Browser, Any device 지원,
❏  반응형 웹 그리드
❏  부드러운 성능(대랑 건수, 대랑 컬럼수)
❏  트렌드한 기능의 상호작용
❏  도입과 개발 학습이 매우 쉬움
❏  개발자 친화적 기술지원

‌3.  기능적 특징

❏  그리드 UI와 데이터 분리, 원 데이터 멀티 그리드, 원 키 멀티 컬럼 바인딩
❏  표준 스크립트 라이브러리
❏  직관적 데이터 이해-병합, 동적 스타일, 컬럼별/로우별 스타일, 커스텀 렌더링,
❏  편리한 데이터 조작-정렬, 필터링, 검색, 컬럼이동
❏  데이터 활용-엑셀 Import/Export, Copy&Paste
❏  효율적 데이터 처리와 통신-UI와 데이터 분리로 데이터 처리의 편리, CUD 상태 지원

‌4.  기능목록(주요)

❏  다양한 컬럼 타입(숫자, 문자열, 버튼입력, 날짜와 시간, 체크박스, 라디오버튼, 셀렉트 박스, 이미지, html)
❏  다양한 그리드 이벤트 바인드(키 다운/업, 클릭, 더블클릭. 값변경, 스크롤 top/bottom/move, 마우스 클릭 다운/업, 정렬 전/후)와 컬럼(이미지, 버튼) 클릭 이벤트 콜백
❏  데이터 조작((멀티 컬럼)정렬, (멀티 컬럼)필터링, 컬럼 이동, 틀 고정, 컬럼 크기 동적 변경, 툴팁, (동적) 병합(로우, 컬럼, 그룹), 트리 그리드, (커스텀)하단 패널)
❏  동적 스타일링(컬럼, 로우, 특정 영역(셀들), 셀로우 비활성화)
❏  동적 그리드(행 추가, 행 삭제, 데이터 수정과 상태 컬럼과 CUD 정보, 스크롤링 API
❏  다양한 입력 마스크와 출력 포맷팅(숫자, 화폐, 날짜, 주민번호 및 카드번호 등 커스텀)
❏  엑셀 연동(브라우저 기반 Import/Export, 미리보기 후 import, copy&Paste)
❏  기타(컨텍스트 메뉴, 입력 필수 컬럼(데이터), Validator, 원클릭 편집, 데이터 초기화(원복), 페이지네이션)

‌5.  운용환경적 특징

❏  서버 운영체제의 비의존성(설치형 제품이 아닌 로딩 기반의 스크립트)
❏  웹서버 프로그램과 서버 개발언어 비의존성(웹 브라우저가 실행시켜주는 모듈)
❏  크로스 브라우저(웹 표준을 준수하여 모든 브라우저 지원)
❏  반응형 웹 그리드(html5 기반으로 PC, 태블릿과  스마트폰을 포함한 모바일 기기 지원)
❏  비동기 웹 표준의 데이터 통신(JSON 기반의 데이터에 대한 HTTP 표준 통신)

‌6.  개발 흐름도 - 도입 후 웹 개발을 위한 큐셀 동작 흐름과 아키텍처

7.  시스템/운영 구성도

데이터베이스, Web/WAS의 환경에 영향을 받지 않으며 설치형이 아닌 큐셀 라이브러리 배포 방식으로 사용자들의 다양한 이용 환경(단말기, 운영체제, 브라우저)을 지원합니다.