웹스퀘어 교육 정리

-- css

        // 1. position : static,relative

        //  width , height 없이 구성

        // 2. block - group , textbox 

        //    개행되는 성질이 있다.

        //    inline 요소 변환 : float 속성 활용(좌우 정렬)

        // 3. inline - input , span

        //    옆으로 붙는 성질이 있다.

        // 4. float(띄우다) - 정렬에 사용.

        // 5. float 사용 하면 부모 객체는  overflow (넘치는) 속성 사용 하여 자식 객체 크기를 제어한다.

        // 6. 여백

        //  1. margin : 밖으로 - margin-top 경우 , 세로 스크롤에 영향

        //  2. padding : 안으로

        // 7. 기타 : border m backgroundm color ..

        <script type="javascript"><![CDATA[

    

        var eduObj = {};

        

        eduObj.init = function(){

        

        // 컴퍼넌트에 값을 셋팅

        // 1.컴퍼넌트 api 사용

        ui_name.setValue( "jiyu Hong" );

        // 2.컴퍼넌트 속성 : ref 

        dc_user.set( "name" , "홍지유" );

       

        //데이타 객체 값 서버로 보내기

        // 1.ui.getvalue

        // 2. dc.set

       

        // 항목이 있는 컴퍼넌트

        // 1.코드 리스트 셋팅

        // 1-1 하드 코딩 

        // 1-2 api 사용

        ui_gender.addItem( "M" , "남자"  );

        ui_gender.addItem( "F" , "여자"  );

       

        // 2. 값 세팅

        

        };

        

        eduObj.init();

         

scwin.ui_name_onblur = function(e) {

dc_user.set( "name" , ui_name.getValue() );

};

scwin.ui_schBtn_onclick = function(e) {

// 1. 서버 호출 시점 정의.

// 2. req 서버로 보낼 데이터 세팅

//dc_action.set( "action" , "getUserInfo" );

//dc_action.set( "serviceType" , "DATA" );

// 3. 서버 호출

$w.executeSubmission( "submission1"  );

//alert("서버 콜 전전전 " + dc_user.get( "name" ));

// 4. res 데이터 처리

};

//동기 처리 방식

scwin.submission1_submit = function(e) {

//서버 콜 전처리기

dc_action.set( "action" , "getUserInfo" );

dc_action.set( "serviceType" , "DATA" );

};

scwin.submission1_submitdone = function(e) {

//서버 콜  후처리

// alert("서버 콜 완료 " + dc_user.get( "name" ));

};

]]></script>