AJAX   Asynchronous Java Script and XML  

(2019-01-21)
Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공업일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
통신/네트워킹 >   1. 통신 이란?
  2. 신뢰적 통신
[통신이론]
[선로/전송]
[통신망 일반]
[회선교환(PSTN)]
[무선/이동통신]
[광통신]
[인터넷/데이터통신]
인터넷/데이터통신 >   1. 데이터통신망
  2. 인터넷
  3. 데이터 네트워크 설계
[데이터 단위]
[프로토콜/계층]
[데이터 링크]
[TCP/IP]
[라우팅]
[인터넷 QoS]
[인터넷 관리]
[인터넷 응용]
[인터넷 기타]
[패킷교환(PSN)]
[인터넷 관련 기관]
인터넷 응용 > [NetBIOS]
[DNS]
[가상단말]
[FTP]
[전자메일]
[VoIP]
[웹기술]
[VPN]
[무선인터넷]
[전자상거래]
[개인 컨텐츠]
[인터넷 기타 응용]
웹기술 >   1. 웹 이란?
  2. 하이퍼텍스트
[웹 구성]
[HTTP]
[웹 페이지]
[웹 식별]
[웹 서비스]
[차세대 웹]
[웹기술 기타일반]
차세대 웹   1. 웹 2.0
  2. AJAX
  3. Open API
  4. RIA
  5. 매쉬업

Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공업일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
정보기술(IT) >   1. 정보기술
[전산기초]
[컴퓨터구조]
[프로그래밍]
[데이터베이스]
[소프트웨어 공학]
[운영체제]
[정보보호/보안]
[IT 기타기술]
프로그래밍 >   1. 프로그램,프로그래밍
[프로그래밍 언어론]
[구조적 프로그래밍]
[객체지향 프로그래밍]
[자료표현코드]
[자료구조]
[알고리즘]
[시스템 소프트웨어]
[프로그래밍언어 종류]
[프로그래밍 기타일반]
프로그래밍언어 종류 >   1. 프로그래밍 언어
[C]
[C++]
[자바(Java)]
[자바스크립트]
[PHP]
[파이썬]
[(기타 언어)]
자바스크립트 >   1. JavaScript
  2. JS 연산자
  3. 기초 문법
[JS 변수,타입]
[JS 함수]
[JS 객체]
[JS 배열]
[JS 활용]
[JS 웹문서 제어]
JS 웹문서 제어 >   1. 웹문서 내 JS
  2. 동일 출처 정책
[JS Window 객체]
[JS DOM 제어]
[JS 이벤트]
[Ajax]
[jQuery]
Ajax   1. Ajax
  2. XMLHttpRequest 객체
  3. XHR 프로퍼티,메소드,이벤트
  4. JSON

1. AJAX

  ㅇ 기존의 HTML 관련 기술과는 달리, 
     - 사용자 클릭 후 페이지 전체를 새로 고치지 않고,
     - 필요한 부분만 바로 고치는 형태로,
     - 빠른 응답을 제공하는 기술을 지칭하는 용어

  ㅇ 용어 출현
     - Adaptive Path의 제시 제임스 가렛(Jesse James Garrett)이 2005년2월 이 명칭을
       언급하게 되면서 널리 퍼진 용어


2. 특징

  ㅇ AJAX는 한 가지 기술을 의미하는 것은 아님
     - 자바 스크립트, XML, DOM, CSS 등 다양한 기술이 결합되어 있는 기술
        . AJAX의 대표적인 예로는 2005년도에 나타난 구글 맵(Google Map)이 있음

  ㅇ 서버 측과 웹브라우저 간의 데이터 교환/처리가 비동기적임
     - 사용자 이벤트 요청에 따라,
        . 전체 웹 페이지를 다운로드하지 않고,
        . 필요한 부분 만 백그라운드 상태에서 처리됨
        . 즉, 비동기적으로 통신함으로써, 클라이언트측은 다른 작업을 계속 할 수 있게 됨

  ㅇ 서버 측 데이터 제공
     - XML, HTML, JSON텍스트 파일 포멧으로 제공됨 (현재 XML은 잘 사용 안함)

  ㅇ XHR(XMLHttpRequest) 객체를 사용하여 호출 및 응답 처리
     - XHR 객체
        . 데이터를 원격에서 받아오며, DOM을 조작하며, 그 데이터를 웹페이지 내에 삽입하는 등
     - XHR 객체 생성 방법
        . XMLHttpRequest 생성자를 통한 native XHR 객체를 생성하면 됨
        . var xhr = new XMLHttpRequest(); 

  ㅇ [참고] ☞ jQuery Ajax 참조


[차세대 웹] 1. 웹 2.0 2. AJAX 3. Open API 4. RIA 5. 매쉬업

 
        최근수정     요약목록     참고문헌