웹프로그래밍 AJAX 특징, 엔진, 장단점, 객체, 예제(code), 국내/외 실사용 예

소개글

웹프로그래밍의 기술중에 하나인 AJAX에 관한 리포트 입니다.

목차

1. AJAX (Asynchronous Javascript and XML)에 대해 조사한 후 개요를 2페이지 내외로 요약한다.
2. AJAX 구현에 가장 필수적인 객체인 XMLHttpRequest를 조사하고, 이 객체의 프로퍼티와 메소드에 대해 정리한다.
3. AJAX가 사용된 국내 및 국외 웹사이트를 각각 하나씩 예로 들고, 어떤 기능을 위해 AJAX가 사용되는지를 구체적으로 명시한다.

본문내용

1. AJAX (Asynchronous Javascript and XML)에 대해 조사한 후 개요를 2페이지 내외로 요약한다.

■ AJAX 란 무엇인가?

AJAX란 'Asynchronous JavaScript and XML'의 약자로 제시 제임스 가렛이 처음 제안한 웹처리방식으로DHTML,CSS,XML,XMLHttpRequest,JavaScript 등 기존의 기술들을 아우려 만든 웹서버와 통신하는 처리방식(또는 플랫폼)을 의미한다.

■ AJAX와 기존 웹방식의 차이

일반적인 웹처리 방식은 웹서버와 브라우저 사이의 동기적 처리방식을 따르는데 여기서 동기적이란 것은 브라우저가 웹서버에서 응답을 보내줄 때까지 기다려야 한다는 것을 의미한다. 잘못된 주소에 요청을 보내면 브라우저에 곧바로 에러가 뜨지 않고 일정 시간을 기다린 후 ‘404 Not Found’ 에러가 뜨는 것도 이러한 동기적 통신에 의해 처리가 이루어지기 때문이다. 이러한 특성 때문에 웹어플리케이션에서 어떤 기능을 수행하려면 언제나 페이지 전체를 로딩해야 하기에 아무리 작은 정보라 하더라도 웹서버에 일단 요청을 보내면 전체 HTML을 다운받아야 응답이 마무리 된다.
반면, AJAX는 브라우저가 웹서버에 요청을 보내면 응답이 올 때까지 기다릴 필요가 없다. XMLHttpRequest 객체의 상태 체크를 통해 웹서버로부터 응답이 왔을 때를 알 수 있고, 이 때 이에 맞는 처리를 해 주면 되는 것이다. 이런 방식으로 페이지 전체를 로딩할 필요없이 HTML의 일부분만을 변경할 수 있다.

■ AJAX 엔진

AJAX엔진이란 AJAX의 형태를 구체화시킨 것으로 보통 다음과 같은 역할을 하는 자바스크립트라이브러리를 말한다.

- 웹서버와 데이터 호환성 제공
- XMLHttpRequest를 사용하기 위한 통일된 인터페이스 제공
- 사용자 입력 및 웹서버와의 통신결과 반영

참고 자료

없음