2014년 1월 31일 금요일

10. tobesoft 엑스플렛폼,XplatForm Image등록 및 사용(유경석) - 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET

10. tobesoft 엑스플렛폼,XplatForm Image등록 및 사용(유경석) - 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET

첨부파일을 받아서 압축을 푼후 Xplatform Project가 저장된 곳에 Image폴더를 복사해 둔다.

1. image등록 및 사용 3가지 방법이 있다.
■ Theme
 - 등록  :  ADL > Themes > 사용 Theme를 더블클릭 한 후 images 폴더 우클릭 하면 Insert File이 있다. Insert File을 누르게 되면 Theme에 이미지를 저장할 수 있다.

- 사용 방법
image을 넣을 버튼 하나를 생성한 후 우측 속성창을 보게되면, style그룹에 background 속성이 있는데, + 를 누르면 상세 속성들이 나오는데 그 중에서 image를 선택한다.
image를 선택하면 ...버튼과 드롭다운버튼이 있다. Theme image를 선택하기 위해서는 드롭다운 버튼을 누르고 아까 Theme에 등록한 이미지를 선택하면 되다.

■ GlobalVariables
- 등록 : ProjectExplorer > GlobalVariables 의 우클릭을 하면 Insert GlobalVariables Item이 있는데 하위 목록을 보게 되면 Image가 있다 Image를 클릭해서 사용하고자 하는 Image를 등록하면 된다.

- 사용 방법 :  새로 버튼을 만든 후  Image를 넣어보자.
Theme와 넣는 방식이 동일하기 때문에 동일한 루트로 들어가서 이미지를 넣으면 된다.

■  서버 폴더
- 등록 및 사용: 컴퓨터에 저장된 웹서버의 image폴더에서 바로 가져오는 방식이다. 
버튼을 새로 하나 만든후 버튼 속성창 Style그룹 background 하위 image속성을 보게되면 위에서 언급했듯이 ... 버튼과 드롭다운 버튼이 있다.
바로 등록하는 방식은 ...버튼을 클릭해서 바로 image를 넣으면 된다.


2. image 버튼 크기에 맞게 채우기
- 이미지 클릭 후 속성창 Style그룹 background하위 repeat이라는 속성이 있다.
repeat를 클릭하고 stretch값를 선택하면, 버튼의 크기에 맞게 이미지가 조정된다.
!!! stretch을 제외한 다른 값들도 선택해서 확인하자. 



9. ToBeSoft,XplatForm Debugging 및 alert,trace 알아 보기(유경석) - 투비소프트 엑스플렛폼교육, 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET

9. XplatForm Debugging 및 alert,trace 알아 보기(유경석) - 투비소프트 엑스플렛폼교육, 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET


1. alert, trace에 대해서 먼저 알아보자.
전에 사용했던 프로젝트에 Debugging이라는 Form화면을 하나 만들자.
그리고 alert 와 trace라는 버튼을 만든후 각각의 버튼에 fn_alert , fn_trace라는 메소드 이름으로 Onclick이벤트 주자.

script로 이동해서 Test를 위한 alert와 trace를 작성해보자.
function fn_alert(obj:Button,  e:ClickEventInfo)
{
 var sName="yoo";
 alert(sName);
}
function fn_trace(obj:Button,  e:ClickEventInfo)
{
 var sName1 = "홍길동";
 trace(sName1);
}

출력하여 확인해보자.
alert버튼 클릭!
trace버튼클릭!
콘솔창에 아까 입력한 "홍길동"이 찍히것을 볼 수 있다.


2. Debugging 방법에 대해서 알아보자.
Debugging테스트을 위해서 Debugging이름의 버튼을 하나 만든 후 fn_Debugging이라는 Onclick이벤트를 주자.


script로 이동하자.
Debugging Test를 위해서 간단하게 하게 코드를 작성해보자.
function fn_Debugging(obj:Button,  e:ClickEventInfo)
{
 var i=0;

 i = i+1;
 i = i+100;
 i = i+1000;
 i = i+1;
 i = i+10;
 i = i+1;
 i = i+100;
 i = i+10;

}

Debugging 단축키

Break Point를 설정할 곳에 커서를 두고 F9를 누른다.

선택하였으면 F6을 눌러서  Form화면만 Debugging한다.
그리고 Debugging 버튼을 누른다.

그리고 script 화면 화단에 Variables라는 탭을 누르게 되면, 디버그 모드안에서 추적 가능한 목록들이 나오는데, obj라는 오브젝트 객체와 e라는 이벤트 객체 그리고 i변수가 있다.
아직 Break로 인에 i값이 0이다.

F10을 통해 다음 라인으로 이동이 가능하며, i값이 변하는 것을 볼 수 있다.

마지막으로 Shift+f5를 눌러서 Debugging을 종료한다.

9. ToBeSoft,XplatForm Debugging 및 alert,trace 알아 보기(유경석) - 투비소프트 엑스플렛폼교육, 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET

9. XplatForm Debugging 및 alert,trace 알아 보기(유경석) - 투비소프트 엑스플렛폼교육, 구로디지털단지실무개발자 스프링/Spring Framework3.X/오라클/자바/닷넷/MyBatis/Hibernate강좌/SQL튜닝/오라클힌트/C#/ASP.NET/ADO.NET


1. alert, trace에 대해서 먼저 알아보자.
전에 사용했던 프로젝트에 Debugging이라는 Form화면을 하나 만들자.
그리고 alert 와 trace라는 버튼을 만든후 각각의 버튼에 fn_alert , fn_trace라는 메소드 이름으로 Onclick이벤트 주자.

script로 이동해서 Test를 위한 alert와 trace를 작성해보자.
function fn_alert(obj:Button,  e:ClickEventInfo)
{
 var sName="yoo";
 alert(sName);
}
function fn_trace(obj:Button,  e:ClickEventInfo)
{
 var sName1 = "홍길동";
 trace(sName1);
}

출력하여 확인해보자.
alert버튼 클릭!
trace버튼클릭!
콘솔창에 아까 입력한 "홍길동"이 찍히것을 볼 수 있다.


2. Debugging 방법에 대해서 알아보자.
Debugging테스트을 위해서 Debugging이름의 버튼을 하나 만든 후 fn_Debugging이라는 Onclick이벤트를 주자.


script로 이동하자.
Debugging Test를 위해서 간단하게 하게 코드를 작성해보자.
function fn_Debugging(obj:Button,  e:ClickEventInfo)
{
 var i=0;

 i = i+1;
 i = i+100;
 i = i+1000;
 i = i+1;
 i = i+10;
 i = i+1;
 i = i+100;
 i = i+10;

}

Debugging 단축키

Break Point를 설정할 곳에 커서를 두고 F9를 누른다.

선택하였으면 F6을 눌러서  Form화면만 Debugging한다.
그리고 Debugging 버튼을 누른다.

그리고 script 화면 화단에 Variables라는 탭을 누르게 되면, 디버그 모드안에서 추적 가능한 목록들이 나오는데, obj라는 오브젝트 객체와 e라는 이벤트 객체 그리고 i변수가 있다.
아직 Break로 인에 i값이 0이다.

F10을 통해 다음 라인으로 이동이 가능하며, i값이 변하는 것을 볼 수 있다.

마지막으로 Shift+f5를 눌러서 Debugging을 종료한다.