개발자의 일하며 읽고 느끼고 즐기고

The Ajax 객체 앞서의 함수들은 분명 좋은 코드들이지만 그러한 함수들을 구현할 능력이 있거나 이미 유사한 자신만의 함수를 사용하고 있을지 모른다. 하지만 prototype.js를 사용하는 이유는 대부분 Ajax기능을 쉽게 사용하길 원하기 때문이기에 이제 prototype.js를 사용하여 AJAX로직을 좀더 쉽게 작성할 수있는 방법을 살펴보기로 하자. 먼저 ProtoType라이브러니는 Ajax 기능 구현을 위해 Ajax 객체라는 것을 제공하고 있다 AJAX객체는 AJAX관련 함수를 작성시 만들어지는 코드의 단순화와 캡슐화를 위해 ProtoType라이브러리에 미리 정의된 객체이며 AJAX객체는 AJAX로직이 캡슐화되어 제공되어지는 다수의 클래스를 포함하고 있다. . Ajax.Request 클래스 사용하..

Prototype은 무엇인가.? prototype.js는 Sam Stephenson에 의해 작성된 자바스크립트 라이브러리이며 웹2.0의 특성에 따라 작성된 코드들은 비동기적 웹페이지 구현시 많은 도움을 줄 수 있을 것입니다 ProtoType의 사용 prototype은 http://prototype.conio.net/에서 다운 받을 수 있으며 구현하고자 하는 페이지에서 다음과 같은 구문을 추가하면 prototype framework를 사용할 수 있다 라이브러리를 사용하는 것은 반복적인 타이핑과 어구를 많이 줄일수 있게 됨으로서 작업 생산성 및 효율성을 높이는 데 있다 당연히 prototype.js에도 미리 정의된 많은 수의 객체와 유틸리티 함수를 가지게 되는데 어떤 것들이 있는지 살펴보도록 한다 유틸리티 ..

안녕하세요 많은 것을 생각하고 정리하는 계기가 되는 글인 것 같습니다. 또한, 웹 애플리케이션 개발이 나아가는 흐름을 읽을 수 있는 글이기도 합니다. 그런데요... 많은 사람들이 Ajax에 대해 잘못 생각하고 접근하는 면이 있는 것 같아 적어 보려고 합니다. Ajax가 출현하기 전에는 UI 개발자라는 말을 사용했지만 그다지 무게가 없었습니다. Ajax가 출현하고 나서부터 본격적으로 UI 개발자라는 말을 사용하게 되었으며, 실현할 수 있게 되었습니다. 즉, Ajax가 그만큼 UI를 중심에 두고 있고 이를 실현/구현할 수 있다는 것입니다. {중략} 결론적으로 Ajax를 비동기 방법으로 서버와 통신하는 것으로 생각하는 사람들이 많은 것 같습니다. 이는 틀림없이 잘못된 생각이며 접근입니다. Ajax를 구성하는 ..

AJAX DHTML과 자바스크립트, XML 등을 활용하는 기술로 웹 환경에서 동적인 상호작용 모델을 구현할 수 있게 하는 것이 핵심이다. 다음과 같은 기술 조합과 활용을 통칭한다. - 동적인 HTML을 지원하는 DHTML, DOM, CSS, XSL - 다양한 플랫폼에서 데이터의 교환을 지원 하는 XML, JSON - 웹 브라우저에서 다양한 클라이언트 로직을 구현하기 위한 자바스크립트 - 서버와 비동기 통신을 지원하는 XMLHTTP 장점 1. AJAX 기술을 활용한 웹 응용프로그램은 기존에 X-인터넷 기술과는 달리, 엑티브X 와 같은 비 표준을 사용 하지 않아 대부분의 브라우저나 플랫폼에 독립적으로 동작할수 있다. 2. 비동기 방식의 데이터 교환이 가능한 구조로 동적인 화면 구성이 가능하다. 3. 서버의 ..

Asynchronous Java XML의 약자. 번역하면 ‘비동기 자바스크립트 XML’. 2005년 2월 18일 Jesse James Garrett이 쓴 ‘A New Approach to Web Application’이라는 에세이에서 처음 소개된 후 널리 퍼지게 되었다. Ajax는 Web Programming의 한 종류로 여러 개의 기술이 융합된 일종의 방법론이다. 기존 ‘Web server-Browser’의 구조 사이에 Ajax가 중간에 위치하게 된다. Ajax는 비동기 방식이라 대기시간과 Server의 부담이 줄어든다. 이전의 동기방식은 사용자 요청사항을 Server에 일일이 결과를 요청하고, 이 결과를 받아 Browser 화면에 보여주었는데, Ajax를 이용하면 일일이 Server에 묻지않고 Aja..