서울의 밤하늘은.... 회색빛....

Ajax (Asynchronous JavaScript + XML)

2005년 2월 jesse James Garret 이라는 분이 자신의 에세이에 기고했던

Ajax의 내용이 이슈가 되었습니다.

웹 애플리케이션의 새로운 접근 법으로

Asynchronous + JavaScript + CSS + DOM + XML + XMLHttpRequest

를 한데 어우르는 말이지요 이는 새로운 기술, 특별한 기술을 요구하는게 아니라

기존에 있는 기술을 가지고 웹을 구현하는 것입니다.

목적 : 웹상에서 클라이언트환경같은 환경을 제공하자~!
가 아닐까요? ^^; 그냥 제생각입니다.ㅋㄷ

Ajax 의 구현기술로는...

Standards-based presentation using XHTML and CSS
- XHTML 과 CSS를 사용하여 표준에 근거한 프레젠테이션
Dynamic display and interaction using the Document Object Model
- DOM(Document Object Model)을 통한 동적표시및 상호작용
Data interchange and manipulation using XML and XSLT
- XML과 XSLT로 데이터 변환및 제어
Asynchronous data retrieval using XMLHttpRequest
- XMLHttpRequest를 사용하여 비동기로 데이터 송수신
And JavaScript binding everything together
- JavaScript로 상기 기술의 결합

목 적	Ajax 기 술
유저 인터페이스	HTML, XHTML, DHTML, CSS, XSLT, DOM
통합 제어	JavaScript
데이터 처리	XML, JSON, CSV
통신	XMLHttpRequest

웹 애플리케이션 모델

간단히 보시면 아시겠지만 서버는 요청에 대한 데이터만을 넘겨주고 클라이언트에서
그 데이터로 웹 페이지를 꾸미게 되지요 ^^

이부분이 핵심~ 비동기 부분 입니다. 서버의 응답을 기다리지 않고 바로 다음 작업을 할수 있다는거지요

Ajax의 장점

페이지 이동없이 고속으로 화면을전환

- PHP, Perl 등의 서버측 처리를 각 PC에 분산

Ajax의 단점

- 크로스브라우저화에대한 노하우가 필요
- Ajax 를 쓸수 없는 브라우저에 대한 대책도 필요

2가지는 차차 괜찮아 질것이라 생각합니다. 표준에 맞춰서 브라우저를 만들어 준다면 ㅋㄷ
하지만 기존에 있던 브라우저와의 호환도 중요하니깐 역시 대책을 마련해야겠지요?
책들을 보면 대부분 간단하게 구현하는 방법을 소개하더라구요

- JavaScript 부분은 오픈 소스이기 때문에 차별화가 어려움
- 보안에 대한 주의가 불가피

이부분은 어떻게 해야할지 저도 잘 하핫... 죄송합니다. 아시는분 저한테도 좀 ㅋㄷㅋㄷ

- 현재의 처리 상황에 대한 정보가 필요

비동기방식이라 처리가 완료 됐는지 하는중인지 알수가 없다는거지요 ^^
하지만 요즘 프레임 워크를 보면 로딩화면 같은것을 대부분 제공을 하는듯 합니다.

- 요청을 남발하면 역으로 서버 부하가 늘수 있음

이부분은 제작자의 제량이 아닐까요? 키보드를 누를때마다 데이타를 넘길것이냐
아님 엔터키를 누를때 마다 넘길것이냐...ㅋ

제가 책보고 블로그보고 했던 내용들을 간략하게 올린것입니다. ㅋㄷ

이올린에 북마크하기