맨위로가기
 

SBUx

닫기

FEATURES

다양한 컴포넌트와 편리한 기능들로 사이트 개발을 쉽게 할 수 있습니다.

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>

고객사

공공기관

기업

금융 / 교육