 |
|
|
|
|
|
E4X와 Prototype으로 구현하는 Ajax 스무고개 게임, Part 1
: 스무고개 게임 기반 구조 구현하기 (한글)
현재 Ajax(Asynchronous JavaScript with XML) 자료 전송에는 자료 형식으로
당연하게 XML을 선택하는 듯 보입니다. 그러나 자바스크립트에서 XML과 DOM(Document Object
Model)을 사용하는 방법이 항상 최선이라 보기는 어렵습니다. 좀더 객체스러운 느낌을 제공하는
JSON(JavaScript Object Notation)도 있고, XML을 원시 자료 유형으로 지원하는
E4X(ECMAScript for XML)도 있습니다. 특히, E4X는 DOM의 장점에다 극도로 쉬운 자료
바인딩 기법을 결합하여 브라우저에서 XML을 간편하게 조작하게 해줍니다. 여기서는 Part 1와 Part 2로 나누어
E4X와 Prototype 자바스크립트 라이브러리로 간단한 Ajax 스무고개 게임을 구현합니다. 이미 잘
알듯이, 스무고개 게임은 일련의 질문을 던지면서 사용자가 생각하는 답을 찾아냅니다. Part 1에서는 기존 지식
데이터베이스를 받아서 사용자 답을 유추하는 프로그램을 만들어 봅니다.
|
|
|
|
2008년 4월 15일 (화) |
|
| |
Atom Publishing Protocol, Part 1: Atom Publishing Protocol을 이용한 웹 리소스의 생성 및 편집
콘텐트 퍼블리쉬와 관리를 위한 중요한 새 표준인 Atom Publishing Protocol에 대해 알아봅시다. |
|
|
|
2006년 10월 26일 (목) |
|
| |
"괴짜사용자" 시리즈: 프로세서 성능에 대한 고찰
시간이 감에 따라, 컴퓨터는 점점 빨라지고 있다고 얘기를 듣곤 한다.
그러나, 사용자들의 경험은 15년전에 비해 성능이 크게 향상되었다고 느끼지 못하고 있다. |
|
|
|
2005년 2월 2일 (수) |
|
| |
5단계로 간편하게 완료되는 웹 서버 클러스터 설치
Linux Virtual
Server와 Heartbeat v2를 사용하여 간단한 5단계 과정만으로 여러 물리적 또는 가상 Linux 서버를
기반으로 하는 고가용성 Apache 웹 서버 클러스터를 구축합니다. |
|
|
|
2007년 8월 22일 (수) |
|
| |
ActiveScaffold로 Ruby on Rails 강화하기 (한글)
Ruby on Rails ActiveScaffold 플러그인을 사용하여 보다 쉽게 관리할 수 있는 페이지를 만들어 봅시다. ActiveScaffold는 모든 CRUD (create, read, update, delete) 사용자 인터페이스를 다루기 때문에, 여러분은 보다 도전적인(그리고 흥미있는) 문제에 더 많은 시간을 투자할 수 있습니다. |
|
|
|
2007년 7월 3일 (화) |
|
| |
Ajax 기반 영속 객체 매핑 (한글)
Persevere 영속 객체 프레임웍은 영속 객체 매핑을 브라우저 JavaScript 환경으로 가져왔습니다. 객체 영속성은 자바 프로그래밍과 Ruby 세계에서는 매우 유명하며, 동적 JavaScript 언어는 영속 데이터로 매핑된 객체에 기본적으로 잘 맞습니다. Persevere는 Asynchronous JavaScript + XML (Ajax) 기반 웹 애플리케이션의 매핑과 통신을 자동화 하며, 관리성 있는 데이터 모델, 투명한 클라이언트-서버 Ajax 교환, 자동 상태 변경 스토리지, 트랜잭션 관리를 제공함으로써 개발의 많은 문제들을 해결하고 있습니다. |
|
|
|
2008년 1월 29일 (화) |
|
| |
Ajax 독파, Part 3: Ajax에서의 고급 요청과 응답
표준 웹 폼들이 Ajax와 작동하는 방법과, HTTP 상태 코드를 설명합니다. |
|
|
|
2006년 2월 21일 (화) |
|
| |
Ajax 마스터하기, Part 3: Ajax의 고급 요청 및 응답 (한글)
많은 웹 개발자들에게 간단한 요청과 응답을 받는 것은, 사실 필요로 하는 전부이기도 합니다. Ajax를 마스터하고자 하는 개발자들에게는 HTTP 상태 코드, 준비 상태, XMLHttpRequest 객체에 대한 완벽한 이해가 필요합니다. 이 글에서는 다양한 상태 코드들을 보여주고 브라우저가 이를 핸들링하는 방법을 설명합니다. |
|
|
|
2006년 6월 12일 (월) |
|
| |
Ajax 마스터하기, Part 10: 데이터 전송에 JSON 사용하기 (한글)
평이한 텍스트와 XML은 비동기식 애플리케이션에서 정보를 송수신 할 때 사용할 수 있는 데이터 포맷입니다. Ajax 마스터하기 시리즈에서는 또 다른 유용한 데이터 포맷인 JavaScript Object Notation (JSON)에 대해 알아보고, 이것이 애플리케이션에서 데이터와 객체들을 어떻게 이동시키는지를 설명합니다. |
|
|
|
2007년 5월 2일 (수) |
|
| |
Ajax 마스터하기, Part 11: 서버 측의 JSON (한글)
지난 기술자료에서는 JavaScript의 객체를 JSON으로 변환하는 방법을 배웠습니다. 이 포맷은 객체들 또는 객체 어레이들로 매핑하는 데이터를 보내는데(그리고 받는데) 사용할 수 있습니다. 본 시리즈 마지막 기술자료에서는, JSON 포맷으로 서버에 보내진 데이터를 핸들하는 방법과, 같은 포맷을 사용하여 스크립트에 응답하는 방법을 설명합니다. |
|
|
|
2007년 10월 9일 (화) |
|
| |
Ajax 마스터하기, Part 1: Ajax 소개
HTML, JavaScript, DHTML, DOM으로 구성된 Ajax는 볼품없는 웹 인터페이스를 인터랙티브 Ajax 애플리케이션으로 변형하는 획기적인 방식입니다. Ajax 전문가인 필자는 이러한 기술들이 어떻게 작용하는지 전체적인 개요를 비롯하여 세부사항 까지 설명합니다. 또한 XMLHttpRequest 객체 같은 Ajax의 중심적인 개념들을 소개합니다. |
|
|
|
2006년 5월 29일 (월) |
|
| |
Ajax 마스터하기, Part 2: JavaScript와 Ajax를 이용한 비동기식 요청 (한글)
대부분의 웹 애플리케이션들은 서버에서 전체 HTML 페이지를 얻는 요청/응답 모델을 사용합니다. 다시 말해서, 이 모델은 버튼을 클릭하고, 서버를 기다리고, 또 다른 버튼을 클릭하고, 다시 기다리는 일이 다반사입니다. Ajax와 XMLHttpRequest 객체를 사용하면 서버 응답을 기다리지 않아도 되는 요청/응답 모델을 사용할 수 있습니다. |
|
|
|
2006년 6월 5일 (월) |
|
| |
Ajax 마스터하기, Part 4: 웹 응답에 DOM 활용하기 (한글)
프로그래머(백엔드 애플리케이션)와 웹 프로그래머(주로 HTML, CSS, JavaScript를 작성)사이에는 오래 전부터 엄격한 구분이 있었습니다. 하지만 Document Object Model (DOM)이 그 틈을 메우면서 백 엔드에서는 XML과, 프론트 엔드에서는 HTML과의 작업이 가능해 졌습니다. |
|
|
|
2006년 3월 14일 (화) |
|
| |
Ajax 마스터하기, Part 4: 웹 응답에 DOM 활용하기 (한글)
프로그래머(백엔드 애플리케이션)와 웹 프로그래머(주로 HTML, CSS, JavaScript를 작성)사이에는 오래 전부터 엄격한 구분이 있었습니다. 하지만 Document Object Model (DOM)이 그 틈을 메우면서 백 엔드에서는 XML과, 프론트 엔드에서는 HTML과의 작업이 가능해 졌습니다. |
|
|
|
2006년 7월 24일 (월) |
|
| |
Ajax 마스터하기, Part 5: DOM 다루기 (한글)
지난 달, Brett은 웹 페이지를 정의하는 Document Object Model을 소개했습니다. 이번 달에는 DOM을 보다 자세히 연구합니다. DOM 트리의 부분들을 생성, 제거, 변경하는 방법을 설명하고 그 다음 단계인 웹 페이지를 업데이트 하는 방법을 설명합니다. |
|
|
|
2006년 8월 7일 (월) |
|
| |
Ajax 마스터하기, Part 5:: DOM 다루기 (한글)
지난 달, Brett은 웹 페이지를 정의하는 Document Object Model을 소개했습니다. 이번 달에는 DOM을 보다 자세히 연구합니다. DOM 트리의 부분들을 생성, 제거, 변경하는 방법을 설명하고 그 다음 단계인 웹 페이지를 업데이트 하는 방법을 설명합니다. |
|
|
|
2006년 8월 7일 (월) |
|
| |
Ajax 마스터하기, Part 6: DOM-기반 웹 애플리케이션 구현하기 (한글)
Document Object Model (DOM)와 JavaScript 코드를 결합하여 인터랙티브 Ajax 애플리케이션을 구현해봅시다. 여러분이 배운 모든 것을 실제로 적용하여, 간단한 웹 페이지를 구현해 봅시다. 웹 페이지의 모든 효과들은 JavaScript를 사용하여 구현됩니다. |
|
|
|
2006년 12월 12일 (화) |
|
| |
Ajax 마스터하기, Part 7: 요청과 응답에 XML 사용하기 (한글)
Brett McLaughlin은 비동기식 요청을 보낼 때 데이터 포맷으로서 XML을 사용하는 방법을 설명합니다. |
|
|
|
2006년 12월 19일 (화) |
|
| |
Ajax 마스터하기, Part 8: 요청과 응답에 XML 사용하기 (한글)
지난 시리즈에서는, Ajax 애플리케이션인 서버로 가는 요청을 XML로 포맷팅 하는 방법을 설명했습니다. 그리고 대부분의 경우, 이것이 좋은 방법이 아닌지를 설명했습니다. 이번에는, 좋은 방법을 소개합니다. XML 응답을 클라이언트로 리턴하는 방법을 설명합니다. |
|
|
|
2007년 1월 2일 (화) |
|
| |
Ajax 마스터하기, Part 9: Google Ajax Search API 사용하기 (한글)
비동기식 요청은 서버 측 프로그램과의 통신에 대한 것만은 아닙니다. Google 또는 Amazon 같은 퍼블릭 API와 통신할 수 있고, 여러분이 갖고 있는 스크립트와 서버 측 프로그램이 제공하는 것 이상의 기능을 웹 애플리케이션에 추가할 수 있습니다. 이 글에서, Brett McLaughlin은 Google 같은 퍼블릭 API를 통해 요청을 하고 응답을 받는 방법을 설명합니다. |
|
|
|
2007년 3월 20일 (화) |
|
| |
Ajax 성능 도구
서버 자원 낭비는 Ajax 응용 프로그램 성능에 영향을 주고, 과도한 HTTP 요청을 유발하고, 많은 메모리를 소모하고, 응용 프로그램이 동작하는 데 비정상적인 폴링을 필요로 하게 됩니다. developerWorks의 고정 필자인 Judith Myerson이 Ajax 응용 프로그램의 문제를 해결하기 위해 사용할 수 있는 몇 가지 오픈 소스 도구와 파이어폭스 부가 기능을 추천합니다. |
|
|
|
2008년 7월 29일 (화) |
|
| |
Ajax 성능 분석
비동기 자바스크립트 + XML(Asynchronous JavaScript + XML: Ajax) 덕분에 상호작용과 성능에 대한 사용자들의 기대치가 계속 높아지고 있고, Ajax를 웹 응용 프로그램의 필수 요소로 취급하는 개발자들도 점점 늘고 있습니다. 더 많은 코드가 클라이언트 측으로 이동하고 네트워크 모델이 바뀜에 따라, 커뮤니티는 Ajax 고유의 성능 문제들을 다루기 위해 더 많은 도구를 만들어내고 있습니다. Ajax-강화 응용 프로그램에서 성능 문제를 찾아내고 바로잡아주는 도구들에 대해 알아보겠습니다. |
|
|
|
2008년 6월 3일 (화) |
|
| |
Ajax 애플리케이션의 보안 위협 극복하기 (한글)
Web 2.0의 핵심 기술인 Asynchronous JavaScript + XML (Ajax)은 사용자와 웹 페이지 인터랙션을 웹 브라우저와 서버 통신으로부터 분리시켰습니다. 특히, Ajax는 매시업을 실행하는데, 이는 여러 콘텐트나 서비스를 하나의 사용자 경험으로 통합시킵니다. 하지만, Ajax와 매시업 기술은 동적이고 멀티도메인 성격으로 인해서 새로운 문제를 야기시켰습니다. Ajax 기술과 관련한 문제에 대해 배우고 이를 해결하는 베스트 프랙티스에 대해서도 알아봅시다. |
|
|
|
2007년 8월 14일 (화) |
|
| |
AJAX 전송 방식
세 가지 Ajax 데이터 전송 메커니즘(XMLHttp, 스크립트 태그, 프레임 또는 iframe)에 대해 알아보고 이들의 장단점도 분석해봅니다. 효율적인 Ajax 제어 기술(서버 및 클라이언트 모두)에 대해서도 살펴봅니다. |
|
|
|
2006년 6월 6일 (화) |
|
| |
AjaXQuery
XQuery 기술과 Ajax(Asynchronous JavaScript and XML)를 함께 활용하는 방법에
대해 설명합니다. 우수한 XML 쿼리 기능이 지원되는 동시에 클라이언트측에서도 반복되는 요청을
정상적으로 처리하면서 다양한 기능의 프리젠테이션을 활용할 수 있는 웹 애플리케이션을 개발할
수 있습니다. |
|
|
|
2009년 7월 7일 (화) |
|
| |
AjaxTags로 Ajax 개발을 쉽게 (한글)
개발자와 사용자는 Web 2.0 시대에 웹 기반 애플리케이션의 가용성과 반응성에 대한 높은 기대를 갖고 있습니다. 지난 2년 동안 은둔 생활을 하지 않았다면 Asynchronous JavaScript + XML(Ajax)에 대해 들어보았을 것입니다. Ajax를 사용하여 브라우저 페이지의 재 로드 없이, 반응성 있고 동적인 브라우저 기반의 사용자 인터페이스를 구현할 수 있습니다. 이 글에서는 AjaxTags를 설명합니다. Java/JavaScript Library는 Ajax 기능을 JSP 페이지로 쉽게 통합할 수 있도록 해줍니다. |
|
|
|
2008년 1월 8일 (화) |
|
| |
AJAX로 SOAP 웹 서비스 호출하기, Part 1: 웹 서비스 클라이언트 구현하기
비동기식 JavaScript와 XML (AJAX) 디자인 패턴을 사용하여 웹 브라우저 기반 SOAP 웹 서비스 클라이언트를 구현한다. |
|
|
|
2005년 10월 11일 (화) |
|
| |
Ajax로 SOAP 웹 서비스 호출하기, Part 2: 웹 서비스 클라이언트 확장하기 (한글)
Asynchronous JavaScript and XML (Ajax) 디자인 패턴을 사용하여 웹 브라우저 기반 SOAP 웹 서비스를 구현해 봅시다. 본 시리즈 Part 1, Ajax로 SOAP 웹 서비스 호출하기, Part 1에서 필자는 SOAP 웹 서비스를 호출하는 웹 브라우저 기반 JavaScript 라이브러리를 소개했습니다. 이 글에서는 Web Services Addressing Language와 Web Services Resource Framework 스팩의 지원을 통해 JavaScript 라이브러리 기능을 확장하는 방법을 설명합니다. |
|
|
|
2007년 8월 28일 (화) |
|
| |
Ajax로 사이트 전면 개편, Part 1: Ajax와 jQuery로 기존 사이트 개선하기
비동기 자바스크립트 + XML(Ajax)로 기존 사이트를 개선하기 연재의 첫 번째 기사에서는 팝업 창과
네비게이션의 막다른 길을 제거하고, 간단한 모달 대화상자로 대체하는 방법을 설명합니다.
|
|
|
|
2008년 4월 15일 (화) |
|
| |
Ajax로 사이트 전면 개편, Part 2: jQuery, Ajax, 툴팁, 라이트박스로 기존 사이트 개선하기
Ajax 기술이 대형 상용 웹 애플리케이션의 모습을 변화시키고 있지만, 다수의 소규모 웹 사이트는 전체 사용자 인터페이스(UI)를 신속하게 재구축할만한 자원이 없습니다. 새로운 기능들이 실세계의 인터페이스 문제를 해결하고 사용자 경험을 향상시키는 만큼 비용이 드는 것이 당연합니다. 이 연재에서는, 오픈 소스 클라이언트 라이브러를 사용하여 UI를 지속적으로 현대화하는 방법을 설명합니다. 이번 회에는 단순한 라이트박스나 툴팁 기술을 사용하여 팝업 창과 네비게이션상의 막다른 길을 제거하는 방법을 배웁니다. 점진적 향상(progressive enhancement) 원칙을 통해, 고급 UI 기능들이 사이트 접근성을 방해하지 않고, 웹 표준을 준수할 수 있도록 보장합니다. |
|
|
|
2008년 6월 17일 (화) |
|
| |
Ajax로 사이트 전면 개편, Part 3: jQuery, Ajax 탭, 회전식 슬라이드쇼로 기존 사이트 개선하기
Ajax 기술이 대규모 상용 웹 응용 프로그램의 외관을 바꾸고 있습니다. 그러나 대다수의 소규모 웹 사이트는 모든 사용자 인터페이스를 하룻밤 사이에 재구축할 만한 자원이 없습니다. 새로운 기능은 실세계 인터페이스 문제를 해결하고 사용자 경험을 향상시켜야 가치를 증명할 수 있습니다. 이 연재 기사는 오픈 소스 클라이언트측 라이브러리를 사용하여 사용자 인터페이스를 점진적으로 현대화하는 방법을 설명합니다. 이번 회에는 느리고, 복잡하고, 짜증스런 제품 상세 정보 페이지를 DHTML과 Ajax를 사용하여 빠르고, 우아하게 바꿔 보겠습니다. 점진적 개선(progressive enhancement)의 원칙을 따르면, 모든 웹 브라우저에서 사이트에 접근할 수 있습니다. |
|
|
|
2008년 9월 23일 (화) |
|
| |
Ajax로 사이트 전면 개편, Part 4: 기존 사이트를 jQuery와 Ajax forms를 사용하여 개선하기
Ajax 기술이 대규모 상업용 웹 응용 프로그램의 외관을 바꾸고 있습니다. 그러나 대다수의 소규모 웹 사이트는 모든 사용자 인터페이스를 하룻밤 사이에 재구축할 만한 자원이 없습니다. 새로운 기능은 실세계 인터페이스 문제를 해결하고 사용자 경험을 향상시켜야 가치를 증명할 수 있습니다. 이 연재 기사는 오픈 소스 클라이언트측 라이브러리를 사용하여 사용자 인터페이스를 점진적으로 현대화하는 방법을 설명합니다. 이번 회에는 일련의 폼들로 이루어진 여러 단계의 구매 절차를 단일 화면 인터페이스로 바꿔 보겠습니다. 점진적 개선(progressive enhancement)의 원칙을 따르면, 모든 웹 브라우저에서 사이트에 접근할 수 있습니다. |
|
|
|
2008년 9월 30일 (화) |
|
| |
Ajax를 이용하여 JSF 폼 자동 저장하기: Part 2
Ajax 애플리케이션에 자동 저장 기능을 구현하여 편리하고 효율적인 웹을 만들어 봅시다. 필터와 브라우저 ID 쿠키를 사용 같은 고급 웹 기술을 선택합니다. |
|
|
|
2007년 10월 2일 (화) |
|
| |
Ajax에서 XML 처리하기, Part 1: 네 가지 방법
어떤 프로그래밍 문제든 올바르게 해결하는 방법은 여러 가지가 있습니다. 이 연재물에서는 네 가지 방법으로 Ajax(Asynchronous JavaScript + XML) 날씨 뱃지를 만들어 봅니다. 여기서 뱃지란 웹 페이지에 내장하기 쉽고 재사용하기도 쉬운 작은 위젯을 가리킵니다. 첫 번째 기사에서는 네 가지 방법을 개략적으로 설명한 후 첫 번째 방법인 DOM 트리 탐색 기법을 자세히 살펴봅니다. |
|
|
|
2008년 5월 6일 (화) |
|
| |
Ajax에서 XML 처리하기, Part 3: JSON을 사용하고 프록시 피하기
ajax 프로그램이 서버와 통신할 때 반드시 XMLHttp 요청을 보낼 필요는 없습니다. 연재 기사 마지막 편인 이번 기사에서는 공개 웹 서비스, JSON(JavaScript Object Notation), 동적 script 태그를 사용해 날씨 뱃지를 구현해 봅니다. |
|
|
|
2008년 7월 15일 (화) |
|
| |
Ajax와 REST, Part 1 (한글)
서버 측 웹 애플리케이션이, 리치(rich) 애플리케이션 모델을 따르고 개인화 된 콘텐트를 제공하면서 이머시브(immersive)해 질수록, 이들의 아키텍처는 Representational State Transfer (REST)를 더욱더 위반하게 됩니다. 이는 결국 애플리케이션 확장성을 떨어트리고, 시스템을 복잡하게 만듭니다. REST와 조화를 이룬 Ajax 아키텍처는 이머시브 웹 애플리케이션에서 이러한 부정적인 결과를 없애고, REST의 혜택을 누릴 수 있습니다. |
|
|
|
2007년 1월 23일 (화) |
|
| |
Ajax와 REST, Part 2
IT 애플리케이션에 Ajax 기술을 성공적으로 개발 및 전개할 수 있는 기회를 모색해 봅시다. |
|
|
|
2006년 11월 23일 (목) |
|
| |
Ajax와 WSRF::Lite
WSRF의 Perl 구현인 WSRF::Lite에 전개된 WS-Resource가 Asynchronous JavaScript + XML (Ajax)를 사용하는 브라우저에 의해 어떻게 디스플레이 및 수정되는지를 알아봅시다. 본 튜토리얼에서는 WS-Resource 예제를 통해 XSLT와 JavaScript 코드를 WSRF::Lite의 WSRF로 결합하여 웹 브라우저 기반 클라이언트를 생성하는 방법을 설명합니다. |
|
|
|
2007년 5월 15일 (화) |
|
| |
Ajax와 XML: Ajax를 사용한 레이팅(rating)과 코멘팅(commenting)
웹이 사람들에 의해 구동되는 이러한 시대에는, 독자들이 사이트의 콘텐트를 평가하고 검토할 수 있게 하는 것이 중요합니다. 레이팅(rating)과 코멘팅(commenting) 기능을 Ajax를 사용하여 사이트에 추가하는 방법을 배워봅시다. |
|
|
|
2007년 9월 4일 (화) |
|
| |
Ajax와 XML: HTML 폼에 Ajax 사용하기 (한글)
HTML 폼을 서버에 넘길 때 Ajax 콜백으로 보강하는 기술은 웹 2.0 기능을 응용 프로그램에 추가하는 현실적인 방법입니다.
Ajax 코드를 추가하고 PHP 응용 프로그램에서 사용자 경험을 강화하는 다양한 기법을 살펴보겠습니다. |
|
|
|
2008년 3월 4일 (화) |
|
| |
Ajax와 XML: 다섯 가지 Ajax 안티 패턴(anti-pattern) (한글)
어플리케이션들이 어떻게 잘못 되었는지를 이해함으로써 어플리케이션들을 올바르게 수행하는 방법을 배울 수 있습니다. Asynchronous JavaScript + XML (Ajax) 애플리케이션들을 작성하는 것에도 올바른 방식과 그릇된 방식이 있습니다. 이 글에서는 여러분이 피해야 하는 몇 가지 코딩 방법에 대해 설명합니다. |
|
|
|
2007년 5월 15일 (화) |
|
| |
Ajax와 XML: 다섯 개의 일반적인 Ajax 패턴
Asynchronous JavaScript + XML (Ajax)은 단연 2006년의 화두였고, 2007년에도 이러한 기조를 이어갈 전망입니다. 하지만 이것이 여러분의 애플리케이션에는 어떤 영향을 미칠까요? Ajax 애플리케이션에 사용되는 일반적인 아키텍처 패턴에는 무엇이 있을까요? 이 글에서는 다섯 가지 Ajax 디자인 패턴을 소개합니다. |
|
|
|
2007년 4월 10일 (화) |
|
| |
Ajax와 XML: 다섯 개의 추천할 만한 Ajax 위젯 (한글)
Web 2.0은 사용자 경험을 강조하고 있습니다. 이것의 일환으로 고급스러운 방식으로 사용자와 인터랙팅 하고 사용자에게 정보를 제공하는 것입니다. 이러한 새로운 인터페이스들을 위젯이라고 하며, Asynchronous JavaScript + XML (Ajax)을 사용하여 서버와 통신합니다. 사이트와의 상호 작동을 향상시키는데 사용할 수 있는 다섯 개의 위젯에 대해 알아봅시다. |
|
|
|
2007년 5월 2일 (수) |
|
| |
Ajax와 XML: 라이트박스(lightbox)용 Ajax
모든 것이 놀랍고 매력적인 요즘, 사용자들의 관심을 끌기란 어려운 일입니다. Ajax 툴과 Lightbox, 팝업, 윈도우, 페이딩(fading) 메시지 같은 새로운 기술을 사용하여 사용자의 관심을 끌어봅시다. |
|
|
|
2007년 11월 6일 (화) |
|
| |
Ajax와 XML: 미디어용 Ajax (한글)
광대역, 미디어, 영화, 이미지, 사운드 드라이브는 Web 2.0에 일대 혁신을 가져왔습니다. 미디어에 PHP와 Asynchronous JavaScript + XML (Ajax) 기술을 결합하는 방법을 배워봅시다. |
|
|
|
2007년 12월 18일 (화) |
|
| |
Ajax와 XML: 채팅(chat)용 Ajax
Asynchronous JavaScript + XML (Ajax)과 PHP를 사용하여 채팅 시스템을 웹 애플리케이션에 구현해 봅시다. 여러분의 고객들은 특정 인스턴트 메시징 소프트웨어를 다운로드 하거나 설치하지 않고, 사이트의 콘텐트에 대해 서로 이야기 할 수 있습니다. |
|
|
|
2008년 1월 22일 (화) |
|
| |
Ajax와 XML: 최고의 Ajax 배우기 (한글)
Web 2.0에서 최상의 Asynchronous JavaScript + XML (Ajax) 애플리케이션을 사용해봅시다. 이러한 애플리케이션들이 사용자 레벨에서 어떻게 성공을 거둘 수 있는지, 자신의 Web 2.0 애플리케이션에 맞는 기술을 찾아 뛰어난 사용자 경험을 이룩하는 방법은 무엇인지를 모색해봅시다. |
|
|
|
2007년 6월 5일 (화) |
|
| |
Ajax와 XML: 테이블을 위한 Ajax(한글)
Ajax(비동기 자바스크립트() + XML)의 장점 중 하나는 동적으로 서버에서 가져온 데이터를 사용자에게 표시하는 것입니다.
이 기사에서는 Ajax를 이용해 동적인 데이터를 테이블, 탭, 글라이더를 사용하여 표시하는 방법을 몇 가지 알아봅니다. |
|
|
|
2008년 4월 8일 (화) |
|
| |
Ajax와 딜리셔스(del.icio.us)로 자신만의 정보 공간을 만들자
딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다. |
|
|
|
2008년 4월 22일 (화) |
|
| |
Ajax와 딜리셔스(del.icio.us)로 자신만의 정보 공간을 만들자
딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다. |
|
|
|
2008년 4월 22일 (화) |
|
| |
Ajax와 자바 개발을 간단하게, Part 1: JSP 태그 파일로 자바스크립트 코드 동적으로 생성하기
많은 웹 개발자가 자바 EE가 너무 복잡하고, 새로운 웹 컴포넌트를 작성하는 것이 어려우며, 기존의 것을 커스터마이징하는 것이 충분히 간단하지가 않고, 모든 변경 사항에 대해 재시작을 요하는 것에 불만을 토로합니다. 본 연재는 코드 생성기, 컨벤션, 스크립트 언어, 그리고 최신 JSP(JavaServer Pages) 기술을 사용하여 이런 어려움들을 해결할 간단한 솔루션을 제공하려고 합니다. 변경 사항이 있을 때, JSP 태그 파일은 애플리케이션을 재시작할 필요 없이, 자바 EE 서버에 의해 자동으로 다시 컴파일됩니다. 게다가, 여러분은 생성된 코드를 완전히 제어할 수 있으며, JSP 문법을 사용하고 있기 때문에 이런 가벼운 컴포넌트들을 쉽게 커스터마이징할 수 있습니다. |
|
|
|
2008년 8월 26일 (화) |
|
| |
Ajax와 자바 개발을 간단하게, Part 2: 규약을 사용하여 설치와 설정을 최소화하자
웹 프레임워크는 대부분 그것을 사용하는 각기 다른 애플리케이션의 요구와 개발 스타일에 따라 가능한 최대로 유연하고 확장 가능한 형태가 되려고 합니다. 하지만 불행히도, 보통 이러한 요구 때문에 복잡도가 높아지고, 처리가 과도해지며, 설정 파일이 많아집니다. 본 기사는 JSTL(JSP Standard Tag Library)과 JSP 태그 파일을 사용해 데이터 바인딩, 페이지 내비게이션, 스타일 규약을 구현하는 방법을 보여줄 것입니다. 이것으로 개발과 유지보수가 더 쉬워질 수 있습니다. 독자들은 애플리케이션을 빠르게 수정할 수 있는 동적인 속성들을 사용하여 커스텀 JSP 태그를 만드는 방법을 익힐 것입니다. 추가로, 이 글의 마지막 절에는 Ajax를 사용하여 웹 폼을 제출하는 예제를 담고 있습니다. |
|
|
|
2008년 9월 2일 (화) |
|
| |
Ajax와 자바 개발을 간단하게, Part 3: DOM, 자바스크립트, JSP 태그 파일을 기반으로 동작하는 UI 만들기
본 연재의 Part 1에서 자바스크립트 코드를 사용하여 Ajax 요청을 보내고 Ajax 응답을 처리하는 방법을 살펴보았습니다. Part2 에서는 규약과 JSP 태그 파일을 사용하여 셋업과 설정을 최소화하는 형태로 HTML 폼을 생성하는 방법을 알아보았습니다. 이번 Part 3에서는, 서버 쪽 검증은 물론 자바스크립트 기반의 클라이언트 쪽 검증을 개발하는 방법을 살펴볼 것입니다. JSP 태그 파일을 사용하여 자바스크립트쪽을 보조하여 구현하겠습니다. 애플리케이션을 다시 시작할 필요 없이 변경이 있을 때 자동으로 다시 읽어 들이는 리소스-번들 사용법도 배우겠습니다. |
|
|
|
2008년 9월 16일 (화) |
|
| |
Amazon Web Services를 사용한 클라우드 컴퓨팅, Part 1: 소개
기본적인 Amazon SDB(SimpleDB) 개념에 대해 알아보고 SDB와 상호 작용하기
위한 오픈 소스 Python 라이브러리인 boto에서 제공하는 일부 함수를 살펴보십시오. 이 "Amazon
Web Services를 사용한 클라우드 컴퓨팅" 시리즈에서는 Amazon Web Services를 사용한 클라우드
컴퓨팅에 대해 설명합니다. 신뢰할 수 있는 확장 가능한 애플리케이션을 만들고 빌드할 수 있는
Amazon Web Services의 뛰어난 기능을 살펴보십시오. 이 첫 번째 기사에서는 이 가상 인프라의
빌딩 블록 기능에 대해 설명합니다. Amazon Web Services를 사용하여 웹 스케일 시스템을 구축하는
방법을 살펴보십시오. |
|
|
|
2008년 7월 29일 (화) |
|
| |
Amazon Web Services를 사용한 클라우드 컴퓨팅, Part 2: Amazon S3(Simple Storage Service)를 통해 클라우드의 스토리지 수요에 대응하기
기본적인 Amazon SDB(SimpleDB) 개념에 대해 알아보고 SDB와 상호 작용하기
위한 오픈 소스 Python 라이브러리인 boto에서 제공하는 일부 기능을 살펴보십시오. 이 "Amazon
Web Services를 사용한 클라우드 컴퓨팅" 시리즈에서는 Amazon Web Services를 사용한 클라우드
컴퓨팅에 대해 설명합니다. 신뢰할 수 있으며 확장 가능한 애플리케이션을 만들고 빌드할 수 있는
Amazon Web Services의 뛰어난 기능을 살펴보십시오. 이 기사에서는 Amazon S3(Simple Storage
Service)에서 제공하는 확장성과 응답성이 뛰어난 서비스에 대해 설명합니다. S3와 통신하는 데
사용되는 도구에 대해 알아보고 코드 샘플을 사용하여 간단한 쉘을 실습해 볼 수 있습니다. |
|
|
|
2008년 8월 19일 (화) |
|
| |
Amazon Web Services를 사용한 클라우드 컴퓨팅, Part 3: EC2를 통해 서버 수요에 대응하기
기본적인 Amazon SDB(SimpleDB) 개념에 대해 알아보고 SDB와 상호 작용하기
위한 오픈 소스 Python 라이브러리인 boto에서 제공하는 일부 기능을 살펴보십시오. 이 "Amazon
Web Services를 사용한 클라우드 컴퓨팅" 시리즈에서는 Amazon Web Services를 사용한 클라우드
컴퓨팅에 대해 설명합니다. 신뢰할 수 있으며 확장 가능한 애플리케이션을 만들고 빌드할 수 있는
Amazon Web Services의 뛰어난 기능을 살펴보십시오. 이 기사에서는 Amazon EC2(Elastic Compute
Cloud)에서 제공하는 가상 서버에 대해 설명합니다. EC2를 통해 애플리케이션의 컴퓨팅 요구 사항을
빠르게 구성하고 수요에 따라 용량을 조정하는 방법을 살펴보십시오. |
|
|
|
2008년 10월 14일 (화) |
|
| |
Amazon Web Services를 사용한 클라우드 컴퓨팅, Part 4: SQS를 통해 신뢰할 수 있는 메시징 인프라 구축하기
기본적인 Amazon SDB(SimpleDB) 개념에 대해 알아보고 SDB와 상호 작용하기
위한 오픈 소스 Python 라이브러리인 boto에서 제공하는 일부 기능을 살펴보십시오. 이 "Amazon
Web Services를 사용한 클라우드 컴퓨팅" 시리즈에서는 Amazon Web Services를 사용한 클라우드
컴퓨팅에 대해 설명합니다. 신뢰할 수 있으며 확장 가능한 애플리케이션을 만들고 빌드할 수 있는
Amazon Web Services의 뛰어난 기능을 살펴보십시오. 이 기사에서는 Amazon SQS(Simple Queue
Service)에서 제공하는 신뢰할 수 있으며 확장 가능한 메시징 서비스에 대해 설명합니다. |
|
|
|
2008년 12월 2일 (화) |
|
| |
Amazon Web Services를 사용한 클라우드 컴퓨팅, Part 5: SimpleDB를 통해 클라우드의 데이터세트 처리하기
기본적인 Amazon SDB(SimpleDB) 개념에 대해 알아보고 SDB와 상호 작용하기
위한 오픈 소스 Python 라이브러리인 boto에서 제공하는 일부 기능을 살펴보십시오. 이 "Amazon
Web Services를 사용한 클라우드 컴퓨팅" 시리즈에서는 Amazon Web Services를 사용한 클라우드
컴퓨팅에 대해 설명합니다. 신뢰할 수 있으며 확장 가능한 애플리케이션을 만들고 빌드할 수 있는
Amazon Web Services의 뛰어난 기능을 살펴보십시오. 이 기사에서는 일부 기본 개념에 대해 설명한
후 boto의 기능 중 일부를 살펴봅니다. |
|
|
|
2009년 2월 10일 (화) |
|
| |
AMEE를 사용하여 가정에서 에너지 모니터하기
전기는 보이지 않습니다. 사람들이 전기를 어떻게 사용하는지 이해하려면 전기를 볼 수 있어야 합니다. 이 튜토리얼에서는 에너지 데이터를
처리하기 위한 중립 웹 기반 API인 AMEE와 Current Cost 실시간 에너지 모니터를 XML, Ruby, Rails 및 Ajax와 결합하여 웹 기반 에너지 모니터링 시스템을 직접
제작하는 방법을 설명합니다. |
|
|
|
2009년 9월 29일 (화) |
|
| |
Apache Geronimo에 블로그와 wiki 구현 및 전개하기 (한글)
블로그와 wiki가 인터넷을 휩쓸고 있습니다. 생각을 공유하고 사람들과 협업하는 이 새로운 방식에 개개인으로부터 대기업에 이르기까지, 큰 관심을 갖고 있습니다. 이러한 기술이 뜨고 있는 한가지 이유는 단순함입니다. 관리자들은 이미 Apache Geronimo가 새로운 블로그와 wiki 애플리케이션을 구현하는데 강력하고 안전한 플랫폼이라는 것을 알고 있습니다. 여러분도 Geronimo와 기타 오픈 소스 컴포넌트를 사용하여 블로그와 wiki 애플리케이션을 구현할 수 있습니다. |
|
|
|
2006년 11월 7일 (화) |
|
| |
Apache Pivot을 사용하여 iTunes 검색 클라이언트 빌드하기
Apache Pivot은 Java 환경에서 RIA(Rich Internet Application)를 개발하는 데 필요한 기능을
제공하는 오픈 소스 플랫폼입니다. 이 플랫폼에는 현대 RIA 툴킷의 향상된 생산성 및 사용 편리성 기능과
산업 표준 Java 플랫폼의 견고성이 결합되어 있습니다. Apache Pivot 애플리케이션은 사용자 인터페이스 설계를
위한 XML 기반 언어인 WTKX를 활용합니다. 그리고 이 언어를 사용하면 애플리케이션의 출력을 쉽게 시각화할 수
있습니다. 이 튜토리얼에서는 iTunes Store의 컨텐츠에 대한 검색을 실행할 수 있는 간단하면서도 실용적인 Pivot
애플리케이션을 구현하는 방법을 익히실 수 있습니다. |
|
|
|
2009년 10월 13일 (화) |
|
| |
Apache Proxy의 명령어 (mod_proxy)를 사용한 LAMP 보안 향상 (영문)
Apache의 mod_proxy를 사용하여 LAMP 보안성을 크게 향상시킬 수 있습니다. |
|
|
|
2006년 12월 7일 (목) |
|
| |
Architectural manifesto: MDA
새로운 Model Driven Architecture (MDA) 기술을 실행해보자. |
|
|
|
2005년 10월 12일 (수) |
|
| |
Asynchronous JavaScript with XML (AJAX)을 사용하여 애플리케이션 구현하기 (한글)
AJAX (Asynchronous JavaScript with XML)를 사용하면 페이지 리프레쉬 없이 동적인, 비 동기식 웹 서비스가 가능하다. 본 튜토리얼에서는 도서 주문 애플리케이션 예제를 사용하여, 실시간 밸리데이션이 가능하고 페이지 리프레쉬가 필요 없는 AJAX 기반 웹 애플리케이션을 구현하는 방법을 설명한다. |
|
|
|
2006년 7월 3일 (월) |
|
| |
Atom 문서를 JSON으로 변환하기 (한글)
Atom 문서를 JSON으로 변환하는 일은 언뜻 보기에는 매우 단순한 일처럼 보입니다. Atom은 단순한 XML 조각이고, XML-JSON 변환 툴은 많이 있기 때문입니다. 하지만, Atom 포맷은 단순한 XML 엘리먼트와 애트리뷰트 만은 아닙니다. 많은 미묘한 상세들 때문에 Atom을 다루는 일이 까다롭습니다. 이 글에서는 그러한 문제들을 짚어보고, Apache Abdera 프로젝트에서 구현된 메커니즘으로 Atom 문서를 JSON으로 변환하는 방법을 설명합니다. |
|
|
|
2008년 2월 19일 (화) |
|
| |
Crossing borders: Ajax on Rails
Ajax on Rails의 힘을 경험해봅시다. |
|
|
|
2006년 12월 14일 (목) |
|
| |
Crossing borders: JavaScript의 특징 (한글)
JavaScript는 프로그래밍 언어의 골칫거리로 취급을 받곤 합니다. 지극히 많은 개발 툴, HTML 페이지에 대한 복잡하고 일관성 없는 문서 객체 모델, 그리고 일관성 없는 브라우저 구현 등 때문입니다.하지만 JavaScript는 우리가 생각하는 그저 그런 장난감이 아닙니다. 이 글의 저자인 Bruce Tate가 JavaScript의 기능들을 설명합니다. |
|
|
|
2007년 2월 27일 (화) |
|
| |
CSS float 속성 이해
CSS float 속성은 웹 디자이너들이 웹 페이지 레이아웃을 설계하는 과정에서 자주 사용하는 도구입니다. 하지만 제대로 이해하지 못하고 사용하는 경우가 많고, 브라우저마다 지원하는 방식이 달라서 문제가 생기는 경우도 많습니다. 이 기사에서는 float 속성을 정확히 이해하고, 널리 사용되는 방식을 소개하고, 개발 도구 고려 사항과 브라우저마다 나타나는 차이점을 논합니다. |
|
|
|
2008년 5월 13일 (화) |
|
| |
CSS와 자바스크립트, JSF를 사용하여 Ajax 애플리케이션 만들기, Part 2: Dynamic JSF 폼
2부로 이루어진 본 연재의 첫 번째 기사에서, 저자이자 자바 개발자인 Andrei Cloroiany는 JSF(JavaServer Faces)에서 스타일 속성을 사용하는 방법을 설명하고 그것들의 속성에 기본값을 적용하는 방법을 보여주었습니다. 이 연재의 두 번째 기사인 본 글에서는 표준 JSF 컴포넌트의 자바스크립트 관련 속성을 살펴보겠습니다. DOM(Document Object Model) API, 자바스크립트 그리고 CSS에 기반을 둔 몇 가지 웹 기술을 배울 것입니다. 웹 페이지를 다시 읽어들이지 않고 부가적인 JSF 컴포넌트를 숨기거나 보이는 방법, 클라이언트의 웹 브라우저에서 동작하는 검증을 구현하는 방법, 개발자들이 커스텀 컴포넌트를 만들어 웹 폼의 입력 요소에 도움말 메시지를 보여주는 방법을 알아볼 것입니다. |
|
|
|
2008년 5월 27일 (화) |
|
| |
Data Studio를 이용한 XML 주도형 Ajax 애플리케이션의 빠른 개발
웹 서비스에서는 XML 형식으로 인터넷에서 데이터를 교신하는 것이 보편화되어 있습니다. 또한 데이터베이스는 오랫동안 웹 애플리케이션에서는 없어서는 안 될 중요한 구성 요소로 자리잡았습니다. IBM Data Studio를 써서 개발자들은 자동으로 웹 서비스로 빌드하고 배치할 수 있는 SQL과 SQL/XML 질의를 정의함으로써 이 둘을 서로 통합할 수 있습니다. 이 튜토리얼에서는 Data Studio를 사용하여 데이터 주도형 웹 서비스를 개발하고 플레이하고자 하는 게임을 브라우징하고 이름순으로 검색하며 심지어 게임 추가, 수정, 삭제까지 가능한 게임 업종용 Ajax 애플리케이션을 만들어볼 것입니다. 클라이언트에서 구동되는 Ajax 애플리케이션은 XML 형식으로 게임 웹 서비스와 통신하며 양쪽 모두 WebSphere Application Server에서 서비스됩니다. |
|
|
|
2008년 10월 14일 (화) |
|
| |
DB2 9 소개: 애플리케이션 개발 향상 (한글)
개발자를 위해 새롭게 향상된 DB2 9을 만나봅시다. 새로운 Developer Workbench, .NET 환경과의 통합 강화, XML 및 SOA 환경 지원 강화, PHP와 Ruby on Rails용 새로운 드라이버와 어댑터, 새로운 애플리케이션 샘플들로 더욱 강화되었습니다. |
|
|
|
2007년 3월 20일 (화) |
|
| |
DB2 기초: DB2 UDB 명령행 프로세서 (한글)
IBM DB2Universal Database (UDB) command line processor (CLP) 명령행 프로세서(CLP)는
DB2에 편리하게 액세스 할 수 있는 인터페이스이다. CLP가 작동할 세 개의 모드, db2 명령어,
최신 가용성 향상 등을 설명한다. 그래픽 툴을 더 선호한다면 Command Editor 섹션을 주목하라.
|
|
|
|
2005년 3월 10일 (목) |
|
| |
developerWorks XML 템플릿으로 글 작성하기
developerWorks XML 템플릿으로 글을 작성하는 방법을 설명한다. |
|
|
|
2005년 7월 29일 (금) |
|
| |
developerWorks 소개
developerWorks에 협업 및 커뮤니티 콘텐트를 적용해 봅시다. 다른 사람들과 쉽게 연결되고, 정보를 주고받으며, 전세계 개발자 커뮤니티와 전문성을 공유할 수 있습니다. |
|
|
|
2007년 5월 8일 (화) |
|
| |
DHTML과 XML을 사용하여 풍부한 Ajax 슬라이드 쇼 만들기 (한글)
"Ken Burns Effects"를 사용하여 움직이는 Ajax 클라이언트 측 슬라이드 쇼를 만드는 방법을 배워봅시다. |
|
|
|
2006년 6월 19일 (월) |
|
| |
DITA를 사용하여 HTML을 만드는 이유
Darwin Information Typing Architecture (DITA)는 XML 기반의 콘텐트 작성 및 구현 포맷이다. HTML에도 DITA를 사용하면 좋다. |
|
|
|
2005년 9월 28일 (수) |
|
| |
Dojo 1.x로 위젯 개발하기
Dojo JavaScript 툴킷을 사용하여 HTML 위젯을 개발하는 기본적인 방법을
설명하는 이 기사에서는 이 툴킷을 소개한 후 여러 예제를 통해 샘플 위젯부터 단계적으로
복잡한 위젯을 살펴보면서 개발 단계에서 발생할 수 있는 일반적인 문제를 찾아보고 해결합니다. |
|
|
|
2009년 4월 28일 (화) |
|
| |
Dojo Objective Harness를 이용한 웹 2.0 애플리케이션 단위 테스트
단위 테스트는 고품질 소프트웨어 개발의 중요한 부분입니다. 특히 애자일과 익스트림 프로그래밍 개발 방법론에서는 더욱 중요합니다. 전통적으로 웹 2.0 클라이언트측 사용자 인터페이스는 자동화된 단위 테스트가 어려웠고, 별로 시도되지도 않았습니다. 그러나 Dojo는 자바스크립트의 기능과 사용자 인터페이스의 시각화 둘 다 평가할 수 있는 단위 테스트 도구를 제공합니다. 이를 이용하여 사용자 인터페이스를 철저히 테스트하면 버그를 훨씬 더 줄일 수 있습니다. 이 기사는 Dojo Objective Harness(DOH)의 주요 기능을 예제를 통해 설명하고, 웹 2.0 애플리케이션을 위한 다른 테스트 도구들과 비교하여 더 뛰어난 기능들을 설명합니다. |
|
|
|
2008년 10월 21일 (화) |
|
| |
Dojo로 HTML 위젯 개발하기 (한글)
Dojo를 사용한 HTML 위젯 개발 기초를 배웁니다. 이미지를 참조하는 법, 이벤트 핸들러를 HTML 페이지에 추가하는 법, 복합 위젯을 다루는 법도 배울 것입니다. 또 평범한 옛날 자바스크립트 방식 코딩과 Dojo의 차이점을 알아보고 웹 애플리케이션 개발 고요의 복잡한 문제를 다루는 팁도 소개합니다. |
|
|
|
2007년 4월 24일 (화) |
|
| |
Dojo와 DB2를 함께 Ajax로 사용하여 웹 애플리케이션 개발하기
미려하고 사용자 반응성 있는 웹 애플리케이션을 구현하는 케이스 스터디를 통하여 Ajax 방식의 장점을 배워봅시다. |
|
|
|
2007년 2월 27일 (화) |
|
| |
Dojo와 WebSphere Portal을 사용하여 클라이언트 측 포틀릿 간 통신 구현하기
Dojo JavaScript 툴킷을 사용하여 데이터와 이벤트를 공유하면서, 브라우저에서 포틀릿들을 동적으로 업데이트 합니다. |
|
|
|
2007년 3월 27일 (화) |
|
| |
DVB-H over 3G/WiFi (한글)
Digital Video Broadcasting for Handheld Devices (DVB-H)와 이를 위한 표준에 대해 얼마나 알고 계십니까? |
|
|
|
2006년 6월 20일 (화) |
|
| |
DWR을 사용하여 Ajax 기반 파일 업로드 포틀릿 개발하기 (한글)
파일 업로드는 오늘날 웹 포털의 기본 기능입니다. 이 글에서, Xiaobo Yang과 Rob Allan은 DWR(Direct Web Remoting)을 사용하여 Ajax 기반 파일 업로드 JSR 168-순응 포틀릿을 개발하는 방법을 설명합니다. DWR은 서버 측에 전개된 자바 클래스들을 기반으로 하는 JavaScript를 동적으로 생성할 수 있는 이상적인 Ajax 프레임웍입니다. DWR을 사용하여 포털 서버에서 파일 업로드 진행 상황을 검색하는 방법을 배워봅시다. |
|
|
|
2007년 10월 16일 (화) |
|
| |
E4X와 Prototype으로 구현하는 Ajax 스무고개 게임, Part 2: 게임을 더 똑똑하게 만들기 (한글)
Part 1와 Part 2로 나누어진 이 기사에서는 E4X(ECMAScript for XML)와 프로토타입 자바스크립트 라이브러리를 사용하여 간단한 Ajax 스무고개 게임을 구현합니다. 이미 잘 알듯이, 스무고개 게임은 일련의 질문을 던지면서 사용자가 생각하는 답을 찾아냅니다. Part 1에서는 기존 지식 데이터베이스를 받아서 사용자 답을 유추하는 프로그램을 만들었습니다. Part 2에서는 지식 데이터베이스에 새로운 정보를 추가합니다. 또한 프로토타입 자바스크립트 라이브러리를 사용하여 프로그램을 외부 데이터베이스와 연동합니다. 외부 지식 데이터베이스를 사용하면 누구든 게임을 할 때마다 프로그램이 새로운 정보를 습득하여 더욱 똑똑해집니다. |
|
|
|
2008년 4월 22일 (화) |
|
| |
ECMAscript
ECMAscript와 JavaScript 간 조화로운 관계를 만들어봅시다. |
|
|
|
2006년 5월 30일 (화) |
|
| |
End-to-end Ajax 애플리케이션 개발, Part 1: Ajax 환경 설정 (한글)
Ajax (Asynchronous JavaScript + XML)는 브라우저에서 실행되는 웹 애플리케이션을 데스크탑용 소프트웨어 수준으로 끌어 올리는 방식으로 빠르게 대두되고 있습니다. Linux-Apache-MySQL-PHP (LAMP) 같은 오픈 소스 소프트웨어와 IBM WebSphere Application Server Community Edition 같은 오픈 표준 기반 Java 2 Platform, Enterprise Edition 미들웨어는 Ajax 웹 애플리케이션들을 개발 및 전개하는 탁월한 기능들을 제공하고 있습니다. 이 글은 오픈 소스 미들웨어 스택을 사용하여 엔드투엔드 Ajax 애플리케이션을 개발하는 방법에 관한 시리즈입니다. 여러분이 XHTML, CSS, JavaScript, PHP, SQL로 작성된 코드를 읽고 이해할 수 있는 신참 웹 개발자라면, 이 글이 도움이 될 것입니다. Ajax의 기본 개념과 3-티어 웹 애플리케이션 시나리오의 정황 속에서의 Ajax의 힘을 이해할 수 있을 것입니다. |
|
|
|
2007년 7월 18일 (수) |
|
| |
End-to-end Ajax 애플리케이션 개발, Part 3: 애플리케이션의 통합, 테스트, 디버깅 (한글)
Ajax (Asynchronous JavaScript + XML)는 데스크탑 품질의 소프트웨어 기능을 브라우저 플랫폼에서 실행되는 웹 애플리케이션으로 가져오는 현대적인 방식으로서 빠르게 급부상 하고 있습니다. 이 글에서는 오픈 소스 커뮤니티의 기술들을 사용하여 엔드투엔드 Ajax 애플리케이션을 개발하는 방법을 설명합니다. |
|
|
|
2007년 11월 20일 (화) |
|
| |
Flapjax 살펴보기 (한글)
Flapjax는 표준 자바스크립트(JavaScript)를 기반으로 하는 이전 스타일 구문(syntax)을 쓰는 새로운 프로그래밍 언어입니다. Flapjax를 사용하면 데이터 공유, 외부 웹 서비스에 대한 인터페이스, 지속성, 최종 사용자 응답 등을 웹 애플리케이션에서 손쉽게 프로그래밍할 수 있습니다. |
|
|
|
2007년 4월 17일 (화) |
|
| |
Flex 구성 요소 작성하기(영문)
RIA(Rich Internet Application)는 기존 데스크탑 애플리케이션의 상호 작용성, 응답성 및 견고성을 갖춘 웹 기반 애플리케이션입니다. RIA는 특히 컨텐츠 및 제공에 대한 BI(Business Intelligence) 및 Web 2.0의 접근 방식을 활용하려는 개발자에게 중요합니다. Adobe® Flex®는 RIA 기반 솔루션의 대표적인 애플리케이션입니다. 비교적 신기술에 속하면서도 빠르게 발전하고 있는 Flex는 Adobe Flash Player의 기능을 활용하여 응답성 높은 UI 역할을 수행하는 우수한 그래픽 프리젠테이션을 제공합니다. Flex에는 유용하고 강력한 구성 요소가 많이 있기는 하지만 Flex에서 제공하지 않는 기능을 활용하여 도메인 관련 기능을 작성해야 할 필요가 있을 때는 문제를 해결하기가 어렵습니다. 이 입문 기사에서는 Flex 렌더링 엔진의 아키텍처를 자세히 살펴보면서 Flex 구성 요소를 RIA에 통합하는 과정을 설명하고 새 Flex 기능을 처음부터 작성하는 데 필요한 정보에 대해 설명합니다.
|
|
|
|
2009년 7월 28일 (화) |
|
| |
Git로 인한 분산 웹 개발 환경의 변화
버전 제어 시스템은 애플리케이션, 웹 사이트 또는 운영 체제를 개발하던지 상관 없이
대부분의 개발 프로젝트의 핵심 구성 요소입니다. 대부분의 프로젝트에는 여러 개발자가 참여하게
되는데 이 경우 각 개발자가 지역적으로 서로 멀리 떨어져 있을 수도 있습니다. 분산 버전 제어
시스템이 새로운 기능은 아니지만 Git 버전 제어 시스템은 개발자 간의 협업 및 상호 작용에 필요한
고유 지원을 제공합니다.
|
|
|
|
2009년 8월 25일 (화) |
|
| |
Google Charts, Ajax, Project Zero 및 WebSphere sMash를 사용한 멋진 매시업 작성
Google Charts는 개발자가 단순한 HTTP GET 요청을 사용하여 차트와 그래프를 생성할 수 있는 멋진
서비스입니다. 이 서비스의 모든 기능은 HTTP를 통해 사용할 수 있기 때문에 이 서비스를 Project Zero로 제작된 웹 애플리케이션에 쉽게
통합할 수 있습니다. 이 기사에서는 Groovy 스크립트를 사용하여 성가신 HTTP URL을 생성하지 않고도 Google Charts를
사용하는 방법을 살펴봅니다. 사용자가 차트와 그래프를 시각적으로 만들 수 있도록 해주는 유용한 웹 인터페이스를
작성합니다. Project Zero 플랫폼을 사용하여 매시업 애플리케이션을 작성하는 것이 얼마나 쉬운지 보여주는 샘플 프로젝트를 시도합니다. |
|
|
|
2008년 3월 25일 (화) |
|
| |
Google Web Toolkit, Apache Derby, Eclipse를 사용하여 Ajax 애플리케이션 구현하기, Part 3: 커뮤니케이션(Communication) (한글)
지난 시간 두 편의 기술자료에서는 Google Web Toolkit (GWT)과 Apache Derby 관계형 데이터베이스를 사용하여 웹 애플리케이션을 구현하는 방법에 대해 배웠습니다. Part 1에서는 GWT를 사용하여 Slicr라고 하는 피자 배달 시스템용 프론트엔드를 구현하는 방법을 설명했고, Part 2에서는 Derby를 사용하는 관계형 데이터베이스의 생성 데모와 데이터베이스 행을 자바 객체로 변환하는 방법을 설명했습니다. 이제 더욱 재미있는 부분으로 들어가고자 합니다. 세 번째 기술자료에서는 클라이언트와 서버가 서로 통신하게 하는 방법을 설명합니다. GWT 내에서 Remote Procedure Call (RPC)을 사용하여 자바 메소드 호출만큼 간단하게 서버에서 데이터를 가져옵니다. |
|
|
|
2007년 4월 17일 (화) |
|
| |
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일 (화) |
|
| |
Google Web Toolkit과 Eclipse Galileo를 이용한 고성능 웹 개발
GWT(Google Web Toolkit)에 대한 이야기를 들어보았을 것입니다. 그리고 GWT를
사용하면 Java 프로그래밍 언어로 웹 애플리케이션을 작성한 후 컴파일하여 JavaScript로 만든 다음
웹 브라우저에서 이 JavaScript를 실행하게 된다는 것도 알고 있을 것입니다. 또한 GWT를 사용하면
Java의 정적 형식 지정 기능과 Eclipse 등의 우수한 도구를 활용하여 생산성을 높일 수 있습니다. 아마도
GWT 기반의 유용하고 깔끔한 위젯은 여러 번 보았겠지만 GWT를 사용하여 고성능 웹 애플리케이션도
작성할 수 있다는 사실은 모르고 있었을 것입니다. 이 기사에서는 Google Plug-in과 Eclipse Galileo를
함께 사용하여 컴파일러 최적화, 지연된 바인딩 및 Ajax 최적화와 같은 GWT의 성능 기능을 활용하는
방법에 대해 설명합니다. 개발자 성능은 GWT의 중요한 부분이므로 Google Plug-in for Eclipse를 통해
생산성을 높이는 방법에 대해서도 살펴봅니다. |
|
|
|
2009년 10월 20일 (화) |
|
| |
Grails 마스터하기: Ajax를 가미한 다 대 다 관계
다 대 다(m:m) 관계는 웹 애플리케이션에서 신중하게 다뤄야 합니다. Grails 마스터하기의 이번 회에서 Scott Davis는 어떻게 하면 Grails로 성공적인 다 대 다 관계를 구현할 수 있는지 보여줍니다. GORM(Grails Object Relational Mapping) API와 백엔드 데이터베이스를 다루는 방법도 함께 살펴보겠습니다. 또한 Ajax(Asynchronous JavaScript + XML)를 일부 사용해 사용자 인터페이스를 효율적으로 개선하는 방법도 함께 알아보려 합니다. |
|
|
|
2008년 7월 1일 (화) |
|
| |
Grails 마스터하기: GORM: 재미있는 이름, 진지한 기술 (한글)
좋은 웹 프레임워크에는 대부분 견고한 영속화(persistence) 전략이 필요합니다. Scott Davis의 Grails 마스터하기 연재 2회에서는 Grails 객체 관계 매핑(GORM: Grails Object Relational Mapping) API를 살펴봅니다. 어떤 방법으로 테이블 간 연관을 만들고, 데이터 유효성 검증을 강제하며(enforce), 관계형 데이터베이스를 변경하는 작업을 쉽게 해내는지 알아보겠습니다. |
|
|
|
2008년 4월 1일 (화) |
|
| |
Grails 마스터하기: Groovy Server Pages로 뷰 변경하기
Groovy Server Pages(GSP)는 Grails 웹 프레임워크에서 웹 페이지 부분을 담당합니다 Grails 마스터하기의 세 번째인 이번 회에서 Scott Davis는 GSP에 대해 자세하게 설명합니다. Grails TabLibs를 사용하고, GSP와 부분 코드 조각을 함께 섞어 사용하면서, (스캐폴딩으로) 자동으로 생성되는 뷰에 기본 템플릿을 커스터마이징하는 게 얼마나 쉬운지 살펴볼 것입니다. |
|
|
|
2008년 5월 6일 (화) |
|
| |
Grails 마스터하기: 첫 번째 Grails 애플리케이션 구축하기 (한글)
자바 프로그래머는 최신 웹 개발 프레임워크에 적응하는 데 자신들이 가장 좋아하는 언어와 기존 개발 기반을 포기할 필요가 없습니다. 자바 전문가인 Scott Davis의 새로운 연재인 Mastering Grails의 1회에서는 Grails를 소개하고, 첫 Grails 애플리케이션을 구축하는 방법을 설명하겠습니다. |
|
|
|
2008년 3월 18일 (화) |
|
| |
GWT fu, Part 1: Google Web Toolkit 다루기
GWT(Google Web Toolkit)를 이용하면 Java 언어를 사용하여 브라우저에서 실행하는 리치 클라이언트 사용자 인터페이스를 구현할 수 있습니다. 두 부분으로 구성된 이 기사에서
David Geary는 GWT 최신 버전을 간단하게 소개하고 데스크탑 형태의 웹 애플리케이션을 구현하는 방법을 설명합니다. |
|
|
|
2009년 9월 1일 (화) |
|
| |
Hamlets
무엇이 자바 서블릿을 확대하고 콘텐트와 프리젠테이션을 분리하는가? 바로 Hamlets 템플릿 컴파일러 입니다. |
|
|
|
2006년 6월 20일 (화) |
|
| |
