Sun Developer Network 공식 블로그

NetBenas GUI 빌더 : Matisse로 GUI 구축하기

NetBeans 5.0에서는 IDE의 GUI Builder가 더욱 강력하고 직관적으로 개선되어 레이아웃 매니저에 정통하지 않은 사용자라도 마음껏 격조 높은 GUI를 구축할 수 있게 되었습니다또한 이 새로운 GUI Builder는 GUI 구축에 따른 어려움을 해소시켜 줌으로써 사용자는 단순히 원하는 곳에 컴포넌트를 배치하여 양식을 레이아웃 할 수 있습니다.

본 실습 세션의 첫 번째 실습 코너에서는 Netbeans GUI Builder-Matisse를 소개합니다. 또한 ContactEditor라는 애플리케이션을 위한 그래픽 유저 인터페이스(GUI)를 작성하는 과정을 살펴보겠는데, 이 과정에서 사용자는 직원 데이터베이스에 포함된 개인의 연락처 정보를 열람하고 편집할 수 있게 해주는 GUI 프론트 엔드를 레이아웃 하게 됩니다. 두 번째 실습에서는 NetBeans의 강력한 국제화 툴(I18N)을 소개하고, Matisse에서 다양한 라벨 사이즈에 맞게 간격을 자동 조절하는 데 사용하는 레이아웃 매니저의 위력을 시연해봅니다. 세 번째 실습에서는 각자의 양식에 액션 이벤트를 추가하는 방법을 소개하고, 마지막으로 네 번째 실습에서는 탁월한 GridBag Layout를 이용하여 아래의 GUI를 작성하는 방법을 살펴보겠습니다. 실습을 모두 마치는 데는 약 90분 정도의 시간이 소요됩니다.


모바일 애플리케이션: 다양한 디바이스에 시각화(visualize),구축,배포

NetBeans Mobility Pack 4.1 버전에서는 애플리케이션 개발을 위한 비주얼 툴인 Visual Mobile Designer를 선보인 바 있습니다. Mobility Pack 5.0 버전에서는 이 Visual Mobile Designer가 더욱 향상되었습니다. 본 실습 세션에서는 MIDP 애플리케이션의 흐름을 비주얼화하여 계획하고, 그 애플리케이션이 사용하게 될 화면을 디자인하는 데 Visual Designer 툴을 사용해봅니다. 이 툴이 복잡한 멀티 스크린 MIDlet을 제작할 때 조차 코딩을 최소화하게 되는 지 보게됩니다. 본 실습 세션에서는 또한 Mobility Pack 5.0과 함께 제공되는 WaitScreen 이나 TableItem 등의 추가적인 비주얼 구성요소들을 유틸라이즈하는 법을 알아보며, IDE 내의 디바이스 컨피규레이션을 활용하여 모든 곳에 하나의 소스 파일을 사용하는 다중 분할 패키지(JAR/JAD files)를 생성하는 법을 통해, 어떻게 기기 단편화 문제를 해결하는지를 알아봅니다.

본 실습 세션에서는 AJAX의 기본 개념을 살펴보고, 특히 브라우저와 서버 측 웹 애플리케이션 간의 비동기 통신을 용이하게 해주는 XMLHttpRequest JavaScript 오브젝트의 사용법에 대해 집중 조명합니다. XMLHttpRequest JavaScript 오브젝트는 하부 처리(low-level plumbing) 도구로 간주되기 때문에 사용자가 생산 환경에서 이를 직접 사용하는 일은 없을 것입니다. 대신 아래의 프레임워크와 툴킷 중 하나 또는 이들을 조합하여 사용하면 됩니다.

• XMLHttpRequest의 하부 처리(low-level processing)를 숨기는 Dojo 툴킷과 같은 클라이언트 측 JavaScript 툴킷
• JavaScript 클라이언트 코드에서 백엔드 자바 클래스를 RMI와 비슷한 형태로 호출할 수 있게 해주는 DWR(Direct Web Remoting)
• UI 컴포넌트를 “드래그 앤 드롭”하여 AJAX 애플리케이션을 구축할 수 있게 해주는 AJAX 지원 JSF 컴포넌트
• 힘들이지 않고 다양한 소스의 AJAX widget을 사용할 수 있게 해주는 jMaki와 같은 래퍼(wrapper) 기술
• Google Web Toolkit(GWT) 같은 자바-JavaScript 번역기 기술
• AJAX 확장이 가능한 Shale 또는 Echo2 같은 웹 애플리케이션 프레임워크

하지만, 기능이 우수한 AJAX 애플리케이션을 개발하기 위해서는 XMLHttpRequest의 작동 원리를 충분히 이해하는 것이 중요하며, 이와 관련하여 본 Lab은 사용자의 이해 도모를 위해 기획되었습니다.

또한 본 실습세션에서는 아래에 열거된 여러 JavaScript 디버깅 툴을 사용하여 AJAX 애플리케이션의 클라이언트 측을 디버깅하는 방법도 배우게 될 것입니다. 단, 이러한 툴들을 철저히 규명하는 작업은 본 세션에서는 생략합니다. (여하튼, "FireBug" JavaScript Debugger가 가장 포괄적이고 가장 유용합니다.)


Dojo 툴킷을 이용한 AJAX 애플리케이션 개발

본 실습 세션에서는 Dojo Toolkit을 이용하여 민감하게 상호 작용하는 AJAX 기반 웹 애플리케이션을 개발하는 기본적인 방법에 대해 살펴봅니다본 자료는 사용자가 속성으로 학습할 수 있도록 내용이 구성되어 있으며, Dojo Toolkit에 관한 자세한 내용은 Resources 섹션 을 참조하시기 바랍니다.

본 세션에서는 다음과 같은 기술이 소개됩니다.
(1) dojo.io.bind() 콜을 이용하여 remoting을 수행하는 방법,
(2) dojo.event.connect() 콜을 이용하여 펑션 콜을 포함한 여러 종류의 이벤트를 처리하는 방법,
(3) Dojo 툴킷에 포함된 widget의 사용법,
(4) JSON 데이터 포맷의 사용법,
(5) 서버에서 데이터를 검색하는 방법

아래의 문서는 실습 과정에 기본적으로 필요한 하드웨어, 운영 환경 및 소프트웨어에 관한 정보를 담고 있습니다. 실습 과정을 더욱 알차게 체험하기 위해서는 아래의 지침 사항을 읽고, 그에 따라 각자의 휴대용 컴퓨터 환경을 설정하시기 바랍니다.