[RahXePhon] 하쿠나 마타타~

문서 옵션 이 페이지 출력 이 페이지 출력 이 페이지를 이메일로 보내기 이 페이지를 이메일로 보내기 제안 및 의견 피드백 난이도 : 초급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2007 년 5 월 02 일 평이한 텍스트와 XML은 비동기식 애플리케이션에서 정보를 송수신 할 때 사용할 수 있는 데이터 포맷입니다. Ajax 마스터하기 시리즈에서는 또 다른 유용한 데이터 포맷인 JavaScript Object Notation (JSON)에 대해 알아보고, 이것이 애플리케이션에서 데이터와 객체들을 어떻게 이동시키는지를 설명합니다. 여러분이 본 시리즈를 오랫동안 읽어왔다면, 데이터 포맷에 대한 지식도 많이 쌓였을 것이다. 이전 기술자료에서는 평이한 ..

프로그래밍/스크립트 2009. 2. 6. 18:10

난이도 : 중급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2007 년 3 월 20 일 비동기식 요청은 서버 측 프로그램과의 통신에 대한 것만은 아닙니다. Google 또는 Amazon 같은 퍼블릭 API와 통신할 수 있고, 여러분이 갖고 있는 스크립트와 서버 측 프로그램이 제공하는 것 이상의 기능을 웹 애플리케이션에 추가할 수 있습니다. 이 글에서, Brett McLaughlin은 Google 같은 퍼블릭 API를 통해 요청을 하고 응답을 받는 방법을 설명합니다. 지금까지 본 시리즈에서는 클라이언트 웹 페이지가 서버 측 스크립트와 프로그램에 요청을 하는 상황을 주로 다루었다. 바로 이것이 80~90%의 Ajax 애플리케이션- XMLHttpReq..

프로그래밍/스크립트 2009. 2. 6. 18:09

난이도 : 중급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2007 년 1 월 02 일 지난 시리즈에서는, Ajax 애플리케이션인 서버로 가는 요청을 XML로 포맷팅 하는 방법을 설명했습니다. 그리고 대부분의 경우, 이것이 좋은 방법이 아닌지를 설명했습니다. 이번에는, 좋은 방법을 소개합니다. XML 응답을 클라이언트로 리턴하는 방법을 설명합니다. 여러분이 해서는 안될 일에 대한 글을 쓰는 것을 별로 좋아하지 않는다. 그것은 매우 바보 같은 일이다. 지금까지 어떤 것을 설명하는데 할애한 시간만큼, 나머지는 그 동안 배웠던 그 기술을 사용하는 것이 왜 좋은 생각이 아닌지를 설명하는데도 시간을 할애하곤 한다. 바로 지난달 지난 달 기술자료(참고자료)..

프로그래밍/스크립트 2009. 2. 6. 18:08

문서 옵션 이 페이지를 이메일로 보내기 이 페이지를 이메일로 보내기 제안 및 의견 피드백 난이도 : 중급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2006 년 12 월 19 일 평범한 Ajax 개발자들도 Ajax 단어에 있는 x가 XML.을 의미한다는 것 정도는 알고 있습니다. XML은 가장 인기 있는 데이터 포맷들 중 하나이고, 실제로, 비동기식 애플리케이션에서 서버 응답에 효력을 발휘합니다. 이 글에서, 서버가 XML로 된 응답을 보내는 방법을 설명합니다. XML을 통하지 않고서는 중요한 프로그래밍을 수행할 수 없다. XHTML로 옮기려고 하는 웹 페이지 디자이너, JavaScript로 작업하는 웹 프로그래머, 전개 디스크립터와 데이터 바..

프로그래밍/스크립트 2009. 2. 6. 18:08

난이도 : 중급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2006 년 12 월 12 일 Document Object Model (DOM)와 JavaScript 코드를 결합하여 인터랙티브 Ajax 애플리케이션을 구현해봅시다. 이전 글에서는, DOM 프로그래밍의 개념과 웹 브라우저가 어떻게 웹 페이지를 트리로서 보는지를 설명했습니다. 이제는 DOM에 사용되는 프로그래밍 구조를 이해할 차례입니다. 여러분이 배운 모든 것을 실제로 적용하여, 간단한 웹 페이지를 구현해 봅시다. 웹 페이지의 모든 효과들은 JavaScript를 사용하여 구현됩니다. Document Object Model 또는 DOM을 소개한 두 개의 기술자료가 있다. 이제는 DOM이 어떻..

프로그래밍/스크립트 2009. 2. 6. 18:07

난이도 : 고급 Philip McCarthy, 소프트웨어 개발 컨설턴트, Independent 2006 년 8 월 11 일 2006 년 10 월 24 일 수정 최근에 출시된 구글 웹 툴킷(GWT)은 거의 자바 코드로 표현된 동적 웹 애플리케이션을 생성하는 API 및 툴 세트입니다.GWT의 기능을 설명하고 여러분에게 맞는 것을 선택할 수 있는 방법을 제시합니다. 시리즈 소개 자바 개발자를 위한 Ajax: 동적 자바 애플리케이션 구현 (한글) 자바 개발자를 위한 Ajax: Ajax용 자바 객체 직렬화 (한글) Java 개발자를 위한 Ajax: Ajax와 Direct Web Remoting (한글) 자바 개발자들을 위한 Ajax: 구글 웹 툴킷(Google Web Toolkit) 연구 (한글) GWT(참고자료..

프로그래밍/스크립트 2009. 2. 6. 18:05

난이도 : 중급 Philip McCarthy, Software development consultant, Independent 2006 년 10 월 17 일 2006 년 10 월 24 일 수정 Ajax 기능을 애플리케이션에 추가하기란 간단한 일이 아닙니다. 자바 개발자를 위한 Ajax 시리즈 세 번째 기사에서는 Direct Web Remoting (DWR)을 사용하여 JavaBeans 메소드를 JavaScript 코드에 직접 노출하고 Ajax를 자동화 하는 방법을 설명합니다. 시리즈 소개 자바 개발자를 위한 Ajax: 동적 자바 애플리케이션 구현 (한글) 자바 개발자를 위한 Ajax: Ajax용 자바 객체 직렬화 (한글) Java 개발자를 위한 Ajax: Ajax와 Direct Web Remoting (..

프로그래밍/스크립트 2009. 2. 6. 18:04

난이도 : 중급 Philip McCarthy, 소프트웨어 개발 컨설턴트, Independent Consultant 2005 년 10 월 04 일 Asynchronous JavaScript and XML(Ajax)를 사용하여 자바 웹을 개발하고 있다면 서버에서 클라이언트로 데이터를 전달하는 일은 아마도 최고의 관심사일 것이다. Philip McCarthy는 다섯 가지 자바 객체 직렬화 방법을 설명하고 애플리케이션에 가장 잘 맞는 데이터 포맷과 기술을 선택할 때 필요한 것이 무엇인지를 설명한다. 이 시리즈의 첫 번째 글에서는 Ajax의 구현 블록을 소개했다. JavaScript의 XMLHttpRequest 객체를 사용하여 웹 페이지에서 비동기식 요청을 서버로 보내는 방법 자바 서블릿으로 그 요청을 핸들 하여..

프로그래밍/스크립트 2009. 2. 6. 18:03

난이도 : 초급 Philip McCarthy, 소프트웨어 개발 컨설턴트, Independent 2005 년 9 월 20 일 2006 년 10 월 24 일 수정 페이지 리로드 사이클은 웹 애플리케이션 개발에 있어서 가장 큰 사용 장애이자 자바 개발자들에게는 심각한 도전 과제이다. Philip McCarthy가 혁신적인 동적 웹 애플리케이션 구현 방법을 소개한다. Ajax (Asynchronous JavaScript and XML)는 자바, XML, JavaScript가 혼합된 프로그래밍 기술이다. 자바 기반 웹 애플리케이션의 페이지 리로드 패러다임을 과감히 바꾼다. 시리즈 소개 자바 개발자를 위한 Ajax: 동적 자바 애플리케이션 구현 (한글) 자바 개발자를 위한 Ajax: Ajax용 자바 객체 직렬화 (..

프로그래밍/스크립트 2009. 2. 6. 18:02

지난 달에는 웹 페이지를 정의하는 문서 객체 모델을 소개했습니다. 이번 달에는 돔을 보다 자세히 연구합니다. 돔 트리의 부분들을 생성, 제거, 변경하는 방법을 설명하고 그 다음 단계인 웹 페이지를 업데이트 하는 방법을 설명합니다. 지난 달에는 웹 브라우저가 웹 페이지들 중 하나를 디스플레이 할 때 어떤 일이 일어나는지에 대해 설명했다. 페이지에 정의했던 HTML과 CSS가 웹 브라우저로 보내지면 이것은 텍스트에서 객체 모델로 변환된다. 코드가 단순하건 복잡하건 간에, 하나의 파일에 저장하든 또는 개별 파일들에 모든 것을 저장하든 간에 이것은 사실이다. 브라우저는 제공된 텍스트 파일 보다는 객체 모델을 사용한다. 브라우저가 사용하는 모델을 문서 객체 모델(Document Object Model)이라고 한다..

프로그래밍/스크립트 2009. 2. 6. 17:57

프로그래머(백엔드 애플리케이션)와 웹 프로그래머(주로 HTML, CSS, JavaScript를 작성)사이에는 오래 전부터 엄격한 구분이 있었습니다. 하지만 Document Object Model (DOM)이 그 틈을 메우면서 백 엔드에서는 XML과, 프론트 엔드에서는 HTML과의 작업이 가능해 졌습니다. 많은 웹 프로그래머들과 마찬가지로 여러분도 HTML로 작업을 해봤을 것이다. HTML은 프로그래머들이 웹 페이지 상에서 작업할 때 사용한다. HTML은 애플리케이션이나 사이트를 마감하면서 수행하는 마지막 작업이고, 배치, 색상, 스타일 등을 끝까지 작업한다. 웹 페이지의 디자인과 공급과 관련한 프로세스를 명확히 파악할 필요가 있다. 누군가가(대개는 여러분이) 텍스트 에디터나 IDE에서 HTML을 만든다...

프로그래밍/스크립트 2009. 2. 6. 17:56

많은 웹 개발자들에게 간단한 요청을 만들고 간단한 응답을 받는 것은 사실 그들이 필요로 하는 전부이다. 하지만 Ajax를 마스터하고자 하는 개발자들에게는 HTTP 상태 코드, 준비 상태, XMLHttpRequest 객체에 대한 완벽한 이해가 필요하다. Brett McLaughlin은 다양한 상태 코드들을 보여주고 브라우저가 이들 각각을 핸들하는 방법을 설명한다. 비교적 덜 사용되는 HTTP 요청에 대해서도 설명한다. 지난 글에서는 , XMLHttpRequest 객체에 대해 구체적으로 소개했다. 이것은 서버측 애플리케이션이나 스크립트에 대한 요청을 핸들하고, 서버측 컴포넌트에서 리턴 데이터를 처리하는 Ajax 애플리케이션의 주요 특징이다. 모든 Ajax 애플리케이션은 XMLHttpRequest 객체를 사용..

프로그래밍/스크립트 2009. 2. 6. 17:56

대부분의 웹 애플리케이션들은 서버에서 전체 HTML 페이지를 얻는 요청/응답 모델을 사용합니다. 다시 말해서, 이 모델은 버튼을 클릭하고, 서버를 기다리고, 또 다른 버튼을 클릭하고, 다시 기다리는 일이 다반사입니다. Ajax와 XMLHttpRequest 객체를 사용하면 서버 응답을 기다리지 않아도 되는 요청/응답 모델을 사용할 수 있습니다. 지난 글(참고자료)에서는 Ajax 애플리케이션에 관한 서론 및 이 애플리케이션에 필요한 몇 가지 기본개념에 대해 알아봤다. 본 글에서는 JavaScript, HTML 및 XHTML, 동적 HTML, 심지어는 몇 가지 DOM(동적 객체 모델) 등 이미 알고 있는 수많은 기술에 대해 중점적으로 다뤘다. 본 글에서는 모든 Ajax관련 객체 및 프로그래밍 방식의 기초인 X..

프로그래밍/스크립트 2009. 2. 6. 17:55

HTML, JavaScript™, DHTML, DOM으로 구성된 Ajax는 볼품없는 웹 인터페이스를 인터랙티브 Ajax 애플리케이션으로 변형하는 획기적인 방식이다. Ajax 전문가인 필자는 이러한 기술들이 어떻게 작용하는지 전체적인 개요를 비롯하여 세부사항 까지 설명한다. 또한 XMLHttpRequest 객체 같은 Ajax의 중심적인 개념들을 소개한다. 5년 전, XML에 대해 무지했다면 아무도 얘기할 상대가 없는 미운 오리 새끼 신세가 되었을지도 모르겠다. Ruby 프로그램이 주목을 받았던 8개월 전, Ruby 프로그램 언어 기능에 대해 알지 못했던 프로그래머들은 냉수기 관련 산업세계에서 환영 받지 못했다. 그런 것처럼, 최신 기술단계로 입문하고자 한다면 Ajax에 대해 알아야 한다. 하지만 Ajax는..

프로그래밍/스크립트 2009. 2. 6. 17:55

위키백과 ― 우리 모두의 백과사전. Jump to: navigation, 찾기 Ajax의 다른 뜻은 아이아스를 참조하라. Ajax(Asynchronous JavaScript and XML)는 대화식 웹 어플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 표현 정보를 위한 HTML (또는 XHTML) 과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest (Ajax 어플리케이션은 XML/XSLT 대신 미리 정의된 HTML 이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다). DHTML이나 LAMP와 같이 Ajax는 자체가 하나의 특정한 기술..

프로그래밍/스크립트 2009. 2. 6. 17:54

구글맵스 Google Maps API One Week of Google Maps - Part 1, Part 2, Part 3, Part 4, Part 5, Part 6, Part 7 디떠블유알 DWR Your first cup of DWR… 브라우저 Browser Assessing Web App Security with Mozilla Drag and Drop from Explorer into a FoxPro TextBox The window.onload Problem - Solved! XML in Firefox 1.5 씨에스에스 CSS A CSS Framework A more robust method of positioning a footer ALA’s New Print Styles Automating ..

프로그래밍/스크립트 2009. 2. 6. 17:30