-
HTML5 웹 표준 준수
- W3C, RFC, ECMA 등의 웹표준 준수
- W3C Markup Validation Service 통과
- W3C CSS Validation Service 통과
- RFC 8259/7159, ECMA-404 JSON 사용
- No-Plugin, N-Screen
-
높은 성능/ 뛰어난 유연성/ 강력한 연계
- Lazy Loading 를 통한 속도향상 기능 제공
- 자사 개발제품으로 유연한 커스터마이징 가능
- 별도의 코딩없는 컴포넌트간 데이터 연계
- GS 인증 제품
-
짧은 학습 곡선
- 익숙한 HTML Markup / JQuery Plug in 개발형태
- Eclipse Plug in 을 통한 코드 자동완성 기능 제공
- Tutorials, Samples, Template 등 다양한 학습 문서 제공
-
국내 최고 기술 지원서비스 제공
- 자체 기술로 개발되어 짧은 Feedback 약속
- On-Line / Off-Line 의 맞춤형 지원 서비스
- 커스터마이징 서비스
FEATURES
다양한 컴포넌트와 편리한 기능들로 사이트 개발을 쉽게 할 수 있습니다.
-
30개종 50개 유형의 다양한 컴포넌트
- Input, Textarea, Label, Button, Datepicker, Select,
- Checkbox Select, Dropdown List, Listbox, Checkbox, Radio,
- Slider, Contextmenu, Menu, Side Menu, TabStrip, Carousel,
- Accordion, Window, Modal,Tooltip, Popover, Alert, ProgressBar,
- Tree, Gallery, Fileupload, Datastore, SBGrid, SBChart
-
E-Gov 및 Eclipse IDE 개발자를 위한 Plug in 지원
- SBUx Tag 생성시 코드 자동완성 기능 제공
- JavaScript 구문내 SBUx API 사용 시 자동완성 기능 제공
-
-
-
-
웹 개발자를 위한 편리 기능
- Custom 속성 적용 기능, 그룹화로 일괄 처리 기능
- Namespace 기능
- HTML Makup 또는 jQuery Plug in 형태의 익숙한 방식으로의 생성 지원
-
내부 컴포넌트 간의 강력한 연계
- SBGrid 의 Column 과 UI 컴포넌트의 데이터 자동 연계 기능
- Master-Detail 의 반복되는 Select 구조 시 자동 반영 기능
- Accordion Panel / Carousel 내의 Contents 를 다양한 컴포넌트로 생성 가능
-
성능 향상을 위한 내부적인 기능들
- 페이지 로딩 시 선별적인 컴포넌트 랜더링 기능
- Lazy Loading 방식의 컴포넌트 기능
- 안정적인 메모리 관리 기능
-
JS Import 방식의 간편한 사용성
- 개발을 위한 IDE에 종속되지 않는 JS Import 방식의 간편한 사용성
-
-
EASY DEVELOPMENT
개발에 익숙한 방법으로 쉽게 적용 할 수 있습니다.
Step 1. 설정과 제품 추가
-
var SBUxConfig = {
path :“/sbux/”,
SBGrid : {
Version2_5: true
},
SBChart : {
Version2_0: true
}
}
<script src="/sbux/SBUx.js">
Case 1. tag 형태의 개발
-
<sbux-input id="sbIdx"
name="sbNm"
uitype="text"
mask="문서번호 2019-9999">
</sbux-input>
Case 2. jQuery 형태의 개발
-
<div id="sbArea"><div>
<script>
$(document).ready(function () {
$('#sbArea').sbInput(
{ name: 'sbScriptNm1', uitype: 'text', mask: '문서번호2016-9999999' });
});
</script>