Ajax(Asynchronous JavaScript And XML)

소개

Ajax(Asynchronous JavaScript And XML)에 대한 조사내용.

목차

○정의
○역사
○장단점
○특징
○적용사례

본문내용

◆ 정의

XHTML, CSS, 자바스크립트 등의 기술이 고루 섞여 대화형 웹 어플리케이션을 만들 수 있게 하는 웹 프로그래밍 기술의 복합체로, 비동기식 자바스크립트와 XML의 줄임말이다.

Ajax는 SOAP 및 XML 같은 통신 기술을 사용하여 비동기 요청/응답을 서버와 주고받으며, Java-script, DOM, HTML 및 CSS 같은 프레젠테이션 기술을 사용하여 응답을 처리하는 기술이다. 다시 말해서, "서버로의 비동기 통신 기술"과 "동적 클라이언트 스크립팅 기법"을 하나로 묶은 것이 Ajax라는 것이다. 서버로의 비동기 통신은 예전부터 지원되었던 속칭 XMLHTTP 컴포넌트를 이용하며, 클라이언트 스크립팅으로는 Java-script를 이용하기에, 대부분의 브라우저에서 Ajax를 이용할 수 있다.

좀 더 쉽게 설명하자면, Ajax를 사용하면 브라우저를 새로 고칠 필요 없이, Java-script를 이용하여 서버 측의 메서드를 실행하고, 그 결과 데이터를 받아볼 수 있다는 것이다. 즉, 사용자 모르게 백그라운드에서 서버와의 요청/응답을 처리할 수 있다는 것이다.

Ajax 기술은 2005년 중반부터 화두로 떠오른 웹 기반의 비동기 통신 기법을 의미하는 용어이다. 이는 Google Earth가 발표되면서 사실상 급부상한 기술이기도 하다. 웹상에서 화면의 새로 고침 없이 그토록 빠르고, 깊이 있게 세계 지도를 확인할 수 있다는 것은 실로 놀라운 일이었다.

◆ 역사

Ajax가 상당히 새로운 기술 같지만 사실상 이 기법은 기존 ASP 시절부터 중급 웹 프로그래머들이 자주 써왔던 비동기 통신 기법이 신기술과 맞물려 정리된 기술이라 볼 수 있다. 예전에도 이와 유사한 기술은 존재했다. 예를 들면, 고전적으로 사용되었던 방법 중 하나로는 IFRAME을 통한 비동기 통신 기법이 있다. 화면 새로 고침 없이 IFRAME을 이용하여 데이터를 가져와 DHTML을 통해서 동적으로 기존 화면에 데이터를 반영하는 방법이 바로 그것이다. 이 방법도 어떻게 보면 현재의 Ajax와 개념 자체는 유사한 기법이라 할 수 있다. 현재의 기법에 비하면 대단히 조악하긴 하지만 말이다. 사실, 실제적인 Ajax의 모체가 된 기술은 XMLHTTP 컴포넌트를 이용한 비동기 통신 기법이었다. 이는 현재의 Ajax에서도 그대로 사용되고 있기도 합니다. XMLHTTP 컴포넌트를 이용하게 되면 기존 땜빵 식의 IFRAME 방식에서 벗어나 보다 직관적인 비동기 통신 기법을 구현할 수 있다.

하지만, XMLHTTP 적용 초기에도 데이터 포맷 때문에 약간의 피곤함은 있었다. 즉, 서버 측과의 비동기 통신 채널을 위해 XMLHTTP를 이용할 수 있긴 했지만, 통신으로 주고받는 데이터에 대한 표준은 정해지지 않았기 때문이다. 해서, 그 당시에는 주로 구분자를 끼워서 구성한 문자열을 주고받곤 했었다. 예를 들면, 서버에서는 데이터를 "김태영김덕영김영현"와 같은 형태로 반환하고, java-script는 이 데이터를 받아서 ""로 분리하여, 각각의 값을 뽑아내 사용하는 일을 반복해야 했었던 것이다. 이러한 노가다 성 작업은 언젠가는 해결되어야 할 숙제가 아닐 수 없었다.

참고자료

· 없음