 |
|
|
|
|
|
Apache Pivot을 사용하여 iTunes 검색 클라이언트 빌드하기
Apache Pivot은 Java 환경에서 RIA(Rich Internet Application)를 개발하는 데 필요한 기능을
제공하는 오픈 소스 플랫폼입니다. 이 플랫폼에는 현대 RIA 툴킷의 향상된 생산성 및 사용 편리성 기능과
산업 표준 Java 플랫폼의 견고성이 결합되어 있습니다. Apache Pivot 애플리케이션은 사용자 인터페이스 설계를
위한 XML 기반 언어인 WTKX를 활용합니다. 그리고 이 언어를 사용하면 애플리케이션의 출력을 쉽게 시각화할 수
있습니다. 이 튜토리얼에서는 iTunes Store의 컨텐츠에 대한 검색을 실행할 수 있는 간단하면서도 실용적인 Pivot
애플리케이션을 구현하는 방법을 익히실 수 있습니다. |
|
|
|
2009년 10월 13일 (화) |
|
| |
AMEE를 사용하여 가정에서 에너지 모니터하기
전기는 보이지 않습니다. 사람들이 전기를 어떻게 사용하는지 이해하려면 전기를 볼 수 있어야 합니다. 이 튜토리얼에서는 에너지 데이터를
처리하기 위한 중립 웹 기반 API인 AMEE와 Current Cost 실시간 에너지 모니터를 XML, Ruby, Rails 및 Ajax와 결합하여 웹 기반 에너지 모니터링 시스템을 직접
제작하는 방법을 설명합니다. |
|
|
|
2009년 9월 29일 (화) |
|
| |
WebSphere sMash 애플리케이션에 SOAP 웹 서비스 통합하기
새로운 애플리케이션에서 기존 SOAP 웹 서비스를 재사용할 경우 다양한 시나리오를
생각해 볼 수 있습니다. IBM WebSphere sMash REST to SOAP 익스텐션을 사용하면 기존 SOAP 웹 서비스에 REST 액세스를
제공하여 SOAP 웹 서비스를 보다 쉽고 직관적으로 액세스할 수 있도록 구성할 수 있습니다. 이 튜토리얼에서는 IBM WebSphere sMash REST to SOAP 익스텐션을 사용하여
IBM WebSphere Application Server에 배치된 SOAP 웹 서비스를 활용하는 방법을 살펴봅니다. SOAP 웹 서비스는 WebSphere sMash에서
제공한 Dojo 기반 위젯에 데이터를 제공하는 역할을 합니다. |
|
|
|
2009년 8월 26일 (수) |
|
| |
AjaXQuery
XQuery 기술과 Ajax(Asynchronous JavaScript and XML)를 함께 활용하는 방법에
대해 설명합니다. 우수한 XML 쿼리 기능이 지원되는 동시에 클라이언트측에서도 반복되는 요청을
정상적으로 처리하면서 다양한 기능의 프리젠테이션을 활용할 수 있는 웹 애플리케이션을 개발할
수 있습니다. |
|
|
|
2009년 7월 7일 (화) |
|
| |
Scala, Lift 및 jQuery를 사용하여 Comet 애플리케이션 빌드하기
웹 애플리케이션은 발전을 거듭하고 있으며 사용자들의 기대도 높아가고 있습니다. 가장
발전된 기능 중 하나인 Comet은 Reverse Ajax(Asynchronous JavaScript and XML) 또는 서버측 푸시라고도
합니다. Comet은 브라우저 기반 인스턴트 메시징, 실시간 주가 등에 사용할 수 있습니다. jQuery와 같은
고급 Ajax 라이브러리를 사용하면 클라이언트 측 Comet 애플리케이션을 쉽게 작성할 수 있지만 이러한
애플리케이션을 서버로 확장하는 작업이 여전히 도전 과제로 남아 있습니다. 이러한 과제를 해결하기
위해 Scala 프로그래밍 언어와 Lift 웹 애플리케이션 프레임워크를 사용하여 Comet 애플리케이션을 위한
확장 가능한 백엔드를 제공할 수 있습니다. 이 튜토리얼에서는 이러한 기술을 사용하여 실시간 웹 경매를
빌드합니다. |
|
|
|
2009년 3월 24일 (화) |
|
| |
플렉스 SDK로 페이스북 사진 앨범 만들기
어도비는 개발자가 리치 인터넷 애플리케이션(Rich Internet Application, RIA)을 만들 수 있도록 무료에 오픈 소스인 플렉스 SDK 프레임워크를 내놓았습니다. 플렉스 프레임워크는 빠르고 간단하게 여러 브라우저와 플랫폼에서 실행할 수 있는 웹 애플리케이션을 만들 수 있게 해 줍니다. 플렉스 애플리케이션은 인터넷에 연결된 컴퓨터 대부분에 설치되어 있는 플래시 플레이어 위에서 실행되지만, 자바 스윙(Swing)과 비슷한 객체 지향 사용자 인터페이스 프레임워크도 제공합니다. 이 튜토리얼에서는 특정 사용자의 페이스북(Facebook) 사진 앨범들의 슬라이드쇼를 보여주는 페이스북 애플리케이션을 어도비 플렉스로 만들어 봅니다. 이 플렉스 애플리케이션에서는 선택한 페이스북 앨범에서 사진들을 가져와 동적으로 슬라이드쇼를 생성하는 데 페이스북 REST API를 사용합니다.
|
|
|
|
2008년 11월 18일 (화) |
|
| |
Data Studio를 이용한 XML 주도형 Ajax 애플리케이션의 빠른 개발
웹 서비스에서는 XML 형식으로 인터넷에서 데이터를 교신하는 것이 보편화되어 있습니다. 또한 데이터베이스는 오랫동안 웹 애플리케이션에서는 없어서는 안 될 중요한 구성 요소로 자리잡았습니다. IBM Data Studio를 써서 개발자들은 자동으로 웹 서비스로 빌드하고 배치할 수 있는 SQL과 SQL/XML 질의를 정의함으로써 이 둘을 서로 통합할 수 있습니다. 이 튜토리얼에서는 Data Studio를 사용하여 데이터 주도형 웹 서비스를 개발하고 플레이하고자 하는 게임을 브라우징하고 이름순으로 검색하며 심지어 게임 추가, 수정, 삭제까지 가능한 게임 업종용 Ajax 애플리케이션을 만들어볼 것입니다. 클라이언트에서 구동되는 Ajax 애플리케이션은 XML 형식으로 게임 웹 서비스와 통신하며 양쪽 모두 WebSphere Application Server에서 서비스됩니다. |
|
|
|
2008년 10월 14일 (화) |
|
| |
SPARQL 이해
웹의 미래에 대한 지식 중심 모델이라고 하는 시맨틱 웹(Semantic Web)에서는, 기계가 이해하고 처리할 수 있는 데이터를 인간이 읽을 수 있는 형태의 문서와 XML 메시지 형식으로 보완합니다. SQL이 관계형 데이터베이스와 관련된 것처럼 SPARQL(SPARQL Protocol and RDF Query Language)은 시맨틱 웹과 관련되어 있습니다. SPARQL은 애플리케이션이 분산 RDF 데이터베이스에 정교하고 복잡한 질의를 가능하게 해주며, 현재 이 세상에서 경쟁하고 있는 여러 프레임워크에서 폭넓게 지원됩니다. 이 튜토리얼에서는 가상의 회사를 설정하여 팀 추적 및 정보 관리 시스템을 예로 SPARQL의 사용법에 대해 알아봅니다. |
|
|
|
2008년 8월 26일 (화) |
|
| |
XUL(XML User Interface Language) 개발
XUL은 그저 그런 또 다른 UI 언어가 아닙니다. 검증을 거친, 진정한 응용 프로그램 프레임워크입니다. 파이어폭스(Firefox) 브라우저는 XUL을 사용하여 만들어졌습니다. 게다가 파이어폭스 3.0은 파이어폭스 사용자가 어떤 XUL 응용 프로그램이라도 실행하도록 XUL 런타임을 포함할 예정입니다. 이 튜토리얼에서는 XUL을 사용하는 방법을 소개합니다. 웹 개발 기술을 활용하여 XUL 기반 블로그 편집기를 구현합니다. 우리가 구현할 편집기는 기본적인 리치 텍스트 편집 기능을 제공하며, 편집하던 임시 버전을 로컬 시스템에 저장해서 나중에 편집하기 위해 다시 올리는 기능도 제공합니다. |
|
|
|
2008년 7월 15일 (화) |
|
| |
Ajax와 딜리셔스(del.icio.us)로 자신만의 정보 공간을 만들자
딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다. |
|
|
|
2008년 4월 22일 (화) |
|
| |
Ajax와 딜리셔스(del.icio.us)로 자신만의 정보 공간을 만들자
딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다. |
|
|
|
2008년 4월 22일 (화) |
|
| |
RSS의 새로운 한계에 도전하기 (한글)
본 튜토리얼은 간단한 관계형 데이터베이스의 기능을 흉내내기 위해 잘 알려진 RSS(Really Simple Syndication) 포맷의 혁신적인 결합적 속성을 혁신적으로 사용하는 방법을 다룹니다. 개인 주소록이나 달력을 사용하듯이 연락처와 회의 정보를 저장하는 데 RSS 채널을 사용하는 방법을 보여주는 것입니다. 이는 items나 guids 같은 RSS 요소와 속성을 사용하여 관계형 데이터의 신경망 같은 것을 만들 것입니다. |
|
|
|
2008년 3월 11일 (화) |
|
| |
구글 가젯 만들기, Part 2: 사용자 인터페이스 다루기 (한글)
'구글 가젯 만들기' 연재 Part 2에서는 탭 기반 UI, 드래그 앤 드롭 그리고 MiniMessage와 같은 가젯의 고급 기능을 소개하고 여러분 스스로 만들 수 있도록 도와줄 것입니다. |
|
|
|
2007년 8월 28일 (화) |
|
| |
구글 가젯 만들기, Part 1: 구글 가젯 기본요소 (한글)
이번 새 웹 개발 연재에서는 구글 가젯을 만드는 법을 배웁니다. 가젯은 작은 애플리케이션인데 동적이고 품질 좋은 콘텐츠를 제공하는 수단으로서 대부분의 웹 페이지에 추가할 수 있습니다. 구글은 자유롭게 사용할 수 있는 가젯을 많이 보유하고 있습니다. 하지만 가젯의 가장 흥미로운 점은 누구나 스스로 가젯을 만들어 그것을 구글에 배포하여 다른 개발자들이 그 가젯을 그들의 웹 프로젝트에 통합, 사용할 수 있다는 것입니다. |
|
|
|
2007년 7월 31일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 6: 사용자에게 제어 능력 주기 (한글)
본 튜토리얼은 매시업 애플리케이션을 만드는 방법을 다루는 연재의 마지막 튜토리얼입니다. 이제 제대로 작동하는 애플리케이션과 프레임워크를 가짐으로써 시스템이 시맨틱 추론을 통해 어떻게 서비스를 작동시키는지 이해할 수 있습니다. 본 튜토리얼에서는 사용자가 서비스 유형과 웹 서비스에서 뽑아낸 데이터, 그 데이터의 프레젠테이션을 선택할 수 있도록 사용자에게 제어 능력을 주는 방법을 다룰 것입니다. |
|
|
|
2007년 7월 18일 (수) |
|
| |
Yahoo Pipes를 이용한 콘텐트 관리
특정 데이터를 캡쳐, 합병, 변경하는 Yahoo Pipes 같은 콘텐트 피드 필터링 유틸리티를 사용하는 방법과 효과에 대해 알아봅시다. 본 튜토리얼에서는 피드 변형 기술을 소개하고, 세 가지 주요 환경들을 소개합니다. |
|
|
|
2007년 6월 12일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 5: 웹 서비스 변경하기 (한글)
본 연재는 사용자가 볼 수 있는 데이터를 제어할 수 있는 매시업 애플리케이션을 만드는 방법에 대해 자세히 다룹니다. 이제 서비스로 나타나는 개념을 정의하는 온톨로지를 만들 수 있게 되었으니 사용자들이 원하는 서비스를 선택할 수 있게 할 수 있습니다. |
|
|
|
2007년 6월 12일 (화) |
|
| |
스프링 2와 JPA 시작하기 (한글)
자바 서버 애플리케이션을 만드는 것이 어렵고 지루할 필요는 없습니다. 2세대 경량(lightweight) 스프링(Spring) 프레임워크에는 많은 특징이 추가됐는데 이러한 특징들을 이용하면 심지어 초급 서버 애플리케이션 개발자도 사용하는 데 어렵지 않습니다. 이렇게 향상된 것은 스프링 2와 EJB(Enterprise JavaBeans) 3.0 명세의 토대가 되는 JPA(Java Persistence API)가 통합됐기 때문입니다. 이번 튜토리얼에서는 스프링 2 프레임워크를 사용해 점진적으로 서버 애플리케이션을 만드는 법을 배우겠습니다. |
|
|
|
2007년 6월 5일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 4: 온톨로지 만들기 (한글)
본 연재는 사용자에게 보여주는 데이터를 제어할 수 있는 매시업 애플리케이션을 만드는 방법에 대해 자세히 다루고 있습니다. 그렇게 하려면 지능이 필요합니다. 이제 RDF(Resource Description Framework)로 정보를 나타내는 방법을 알았으니 XML 기반 웹 온톨로지 언어(이하, OWL)를 사용해 온톨로지를 만들어 보겠습니다. OWL을 사용해 서비스나 서비스 부분 중 하나를 자동으로 선택할 수 있습니다. |
|
|
|
2007년 5월 22일 (화) |
|
| |
Google Web Toolkit과 Apache Geronimo를 사용하여 Ajax 기반 애플리케이션 구현하기, Part 1: Geronimo에서 Google Web Toolkit 애플리케이션 실행하기
Asynchronous Java Script + XML (Ajax) 실행 웹 애플리케이션은 소프트웨어 개발 분야에 폭풍을 몰고 왔습니다. 가장 주목할만한 것들 중 일부는 Google에 의해 구현되었습니다. 두 편으로 구성된 본 튜토리얼 시리즈에서는 Google Web Toolkit (GWT)과 Apache Geronimo를 사용하여 JavaServer Pages (JSP) 컴포넌트, 서블릿, JavaScript를 작성하지 않고도 고급 Ajax 웹 애플리케이션을 빠르게 구현하는 방법을 설명합니다. |
|
|
|
2007년 5월 15일 (화) |
|
| |
Ajax와 WSRF::Lite
WSRF의 Perl 구현인 WSRF::Lite에 전개된 WS-Resource가 Asynchronous JavaScript + XML (Ajax)를 사용하는 브라우저에 의해 어떻게 디스플레이 및 수정되는지를 알아봅시다. 본 튜토리얼에서는 WS-Resource 예제를 통해 XSLT와 JavaScript 코드를 WSRF::Lite의 WSRF로 결합하여 웹 브라우저 기반 클라이언트를 생성하는 방법을 설명합니다. |
|
|
|
2007년 5월 15일 (화) |
|
| |
구글 웹 툴킷으로 개발하는데 XML 이용하기 (한글)
구글 웹 툴 킷(Google Web Toolkit, 이하 GWT)을 사용하면 Ajax(Asynchronous JavaScript +XML) UI에 필요한 자바스크립트를 만드는 데 자바 구문을 사용할 수 있습니다. 대다수의 Ajax 애플리케이션은 XML을 사용하여 정보를 서버에 보내거나 서버에서 가져오므로 애플리케이션에서 XML 데이터를 분석하고 만들 수 있어야 합니다. 본 튜토리얼은 GWT를 사용하여 어떻게 XML을 조작하고 만드는지를 다룰 것입니다. |
|
|
|
2007년 5월 15일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 3: RDF와 RDFs 이해하기 (한글)
최고의 매시업이 갖는 힘은 시맨틱 웹 기술, 특히 웹 온톨로지 언어(OWL)를 이용하여 매시업에 지능을 갖추게 하는 것입니다. OWL에 대해 자세히 알아보기에 앞서 필요한 것은 그 기본 언어인 RDF(Resource Description Framework)와 RDFs(RDF Schema Language)에 대해 이해하는 것입니다. 본 튜토리얼은 RDF와 RDFs를 다룸으로써 웹 서비스에 온톨로지를 만들고, RDF를 사용하여 다른 프로젝트를 수행할 수 있도록 도울 것입니다. |
|
|
|
2007년 5월 8일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 2: 매시업 데이터 캐시 관리 (한글)
검색할 때, 온라인 쇼핑을 할 때, 또는 지도 서비스를 사용할 때 사용하는 많은 대용량 애플리케이션들은 완전히 새로운 애플리케이션에서 여러분이 쓰기 위한 데이터를 제공합니다. 엔터프라이징 애플리케이션 개발자들은 몇 가지 애플리케이션의 데이터 세트를 결합해 특정 목적을 이루기 위한 매시업 애플리케이션을 개발해왔습니다. 이 연재의 Part 1에서는 다양한 서비스로부터 데이터를 가져와 결합시키는 애플리케이션에 대해 설명하였습니다. 이제 우리는 DB2 9 데이터베이스에 어떻게 호출 결과를 저장하는지, 그리고 외부 서비스를 가볍게 하여 성능을 효과적으로 향상시킬 수 있는 방법은 무엇인지에 대해 논의할 것입니다. |
|
|
|
2007년 4월 24일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시멘틱 웹, Part 2: 매시업 데이터 캐시 관리 (한글)
검색할 때, 온라인 쇼핑을 할 때, 또는 지도 서비스를 사용할 때 사용하는 많은 대용량 애플리케이션들은 완전히 새로운 애플리케이션에서 여러분이 쓰기 위한 데이터를 제공합니다. 엔터프라이징 애플리케이션 개발자들은 몇 가지 애플리케이션의 데이터 세트를 결합해 특정 목적을 이루기 위한 매시업 애플리케이션을 개발해왔습니다. 이 연재의 Part 1에서는 다양한 서비스로부터 데이터를 가져와 결합시키는 애플리케이션에 대해 설명하였습니다. 이제 우리는 DB2 9 데이터베이스에 어떻게 호출 결과를 저장하는지, 그리고 외부 서비스를 가볍게 하여 성능을 효과적으로 향상시킬 수 있는 방법은 무엇인지에 대해 논의할 것입니다. |
|
|
|
2007년 4월 24일 (화) |
|
| |
Dojo로 HTML 위젯 개발하기 (한글)
Dojo를 사용한 HTML 위젯 개발 기초를 배웁니다. 이미지를 참조하는 법, 이벤트 핸들러를 HTML 페이지에 추가하는 법, 복합 위젯을 다루는 법도 배울 것입니다. 또 평범한 옛날 자바스크립트 방식 코딩과 Dojo의 차이점을 알아보고 웹 애플리케이션 개발 고요의 복잡한 문제를 다루는 팁도 소개합니다. |
|
|
|
2007년 4월 24일 (화) |
|
| |
최고의 매시업 -- 웹 서비스와 시맨틱 웹, Part 1: 웹 서비스 사용과 결합
매시업이란이란 여러 개의 서비스로에서 가져온 데이터를 결합하여 새로운 것을 만들어내는 애플리케이션을 말합니다. 본 연재를 통하여, 각기 다른 매시업들에서 추출한 데이터를 저장하는 것에 그치지 않고, 시맨틱 기술을 이용하여 서비스를 교환하거나 데이터를 선택하는 방식으로 자신만의 매시업을 만들어낼 수 있는 '궁극' 의 매시업 개발에 대해 소개하고자 합니다. 여기서는 자바 프로그래밍, 서블릿과 JSP, 오픈 소스 제나(Jena) 프로젝트의 소프트웨어와 DB2의 새로운 네이티브 XML 기술을 사용합니다. Part 1에서 Nicholas Chase는 매시업 개념을 소개하고 간단한 버전의 매시업을 어떻게 개발하고 활용하는지 보여줄 것입니다. |
|
|
|
2007년 4월 17일 (화) |
|
| |
Flapjax 살펴보기 (한글)
Flapjax는 표준 자바스크립트(JavaScript)를 기반으로 하는 이전 스타일 구문(syntax)을 쓰는 새로운 프로그래밍 언어입니다. Flapjax를 사용하면 데이터 공유, 외부 웹 서비스에 대한 인터페이스, 지속성, 최종 사용자 응답 등을 웹 애플리케이션에서 손쉽게 프로그래밍할 수 있습니다. |
|
|
|
2007년 4월 17일 (화) |
|
| |
