AJAX   Asynchronous Java Script and XML  

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

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. 매쉬업

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(); 

  ㅇ [참고] ☞ XMLHttpRequest 객체, jQuery Ajax 참조


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

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