📄️ 화면 UI 컨트롤 개발 퀵 가이드
개요
📄️ syn.uicontrols.$chartjs
syn_chartjs 컨트롤은 Chart.js를 이용하여 개발됩니다. Chart.js는 데이터를 시각화하는데 사용되는 인기 있는 오픈 소스 라이브러리입니다. 다양한 유형의 차트를 생성할 수 있습니다. 예를 들어, 막대 차트, 파이 차트, 라인 차트, 도넛 차트, 산점도 등을 생성할 수 있습니다.
📄️ syn.uicontrols.$checkbox
📄️ syn.uicontrols.$codepicker
코드도움은 코드를 선택하는 도움을 제공하는 컨트롤입니다. 기본적으로 데이터베이스에 BaseCode, CodeHelp 테이블을 사용하여 코드를 관리하며 업무 테이블을 활용하여 데이터를 관리 할 수 있습니다.
📄️ syn.uicontrols.$contextmenu
syn_contextmenu 컨트롤은 https://github.com/mar10/jquery-ui-contextmenu 를 이용하여 개발됩니다.
📄️ syn.uicontrols.$data
syn_data 컨트롤 은 가상의 데이터 소스를 제공합니다. 이 컨트롤은 데이터를 제공하는 역할을 하며, 데이터를 서버에서 가져오거나, 클라이언트에서 생성하거나, 다른 컨트롤에서 가져오거나 다양한 방법으로 활용할 수 있습니다.
📄️ syn.uicontrols.$datepicker
syn_datepicker 컨트롤은 Pikaday를 이용하여 개발됩니다.
📄️ syn.uicontrols.$element
사용자의 입력을 받을 수 없는 html 요소에 거래 요청과 응답을 위한 확장 기능을 부여합니다.
📄️ syn.uicontrols.$fileclient
HandStack의 파일 업로드 컨트롤은 프로필 이미지, 단일 파일, 멀티 파일, 에디터내 링크등 다양한 형태의 파일 업로드를 제공합니다.
📄️ syn.uicontrols.$grid
syn_grid 컨트롤은 [유료] handsontable를 이용하여 개발됩니다.
📄️ syn.uicontrols.$htmleditor
syn_chartjs 컨트롤은 TinyMCE 5를 이용하여 개발됩니다. 에디터내 이미지 업로드 및 저장소 연동을 위해 repository 모듈을 지원합니다.
📄️ syn.uicontrols.$jsoneditor
syn_jsoneditor 컨트롤은 JSON Editor를 이용하여 개발됩니다. https://github.com/josdejong/jsoneditor
📄️ syn.uicontrols.$list
syn_list 컨트롤은 DataTables 1.10.24를 이용하여 개발됩니다.
📄️ syn.uicontrols.$multiselect
select 태그에 통합되어 있는 다중 선택을 지원하는 컨트롤입니다. tail.select.js를 이용하여 개발됩니다.
📄️ syn.uicontrols.$organization
syn_organization 컨트롤은 OrgChart를 이용하여 개발됩니다.
📄️ syn.uicontrols.$radio
📄️ syn.uicontrols.$select
select 태그에 통합되어 있는 단일 선택을 지원하는 컨트롤입니다. tail.select.js를 이용하여 개발됩니다.
📄️ syn.uicontrols.$sourceeditor
syn_sourceeditor 컨트롤은 monaco-editor를 이용하여 개발됩니다.
📄️ syn.uicontrols.$textarea
textarea 태그에 통합되어 있는 다중 행 편집을 지원하는 컨트롤입니다. codemirror를 이용하여 개발됩니다.
📄️ syn.uicontrols.$textbox
📄️ syn.uicontrols.$tree
syn_tree 컨트롤은 fancytree를 이용하여 개발됩니다.