프로그램 이론/AJAX (5) 썸네일형 리스트형 [AJAX]Ajax(JSON) - 5 1. JSON - http://json.org/json-ko.html - JavaScript Object Notation 제이선 - 자바스크립트를 위한 객체 형식의 자료 표현 방식 - 간단한 데이터를 XML 보다 좀 더 간단하게 표현하기 위한 방법 - 단순히 데이터를 받아서 객체나 변수로 할당해서 사용하기 위한 것 - 기능이 적어 파싱이 빨라 클라이언트 사이드, 모바일에서 유용하다. - 자바스크립트 표준으로 채택되어 가본적으로 지원된다. - 단순히 데이터만이 아니라 JavsScript 자체를 전달할 수 있기 때문에 악성 스크립트도 포함될 수 있다. - 받은 내용 중 순순한 데이터만 추출하기 위해 라이브러리를 사용하기도 한다. - 가져 올 수 있는 데이터는 해당 자바스크립트가 로드된 서버의 데이터에 한정된.. [AJAX]Ajax - 4 1. 자바스크립트 클래스 - 자바스크립트에는 Date, RegExp, String 등의 클래스가 있다 - 기본적으로 제공하고 있는 클래스 외에 추가적으로 개발자가 직접 새로운 클래스를 정의할 수 있다. 2. Object 객체 프로퍼티 확장 - 미리 클래스를 정의하지 않은 상태에서 객체에 직접적으로 프로퍼티나 함수를 추가할 수 있는 기능을 제공 [AJAX]Ajax - 3 1. DOM XML - DOM API 2. Node 인터페이스 - Node 인터페이스는 Element, Document, Text 등 주요 인터페이스가 상속받는 부모 인터페이스로서 DOM API를 사용하는데 있어 가장 기본이 되는 인터페이스이다. 3. nodeName / nodeValue - nodeName과 nodeValue는 각 노드마다 서로 다른 값을 갖게 된다. 4. Document 인터페이스 - 문서 전체를 나타내는 인터페이스로써 document객체가 이에 해당된다. - Node 인터페이스가 제공하는 프로퍼티와 함수를 제공하며 추가적으로 아래와 같은 프로퍼티를 제공한다.5. getElementVyTagName() / getElementById() - DOM API는 두 개의 함수를 통해서 이러한.. [AJAX]Ajax - 2 1. URL - 인코딩 변경 : web -> JSP Files -> Encoding -> UTF-8 - URL을 출력용으로 - URL을 데이터로 - 뉴스 기사 출력 - 제시어 기능 구현 [AJAX]Ajax - 1 1. Ajax란 무엇인가 - Asynchronous Javascript and XML - 기존의 지도 정보 프로그램의 경우 사용자가 조작할 때마다 서버에 정보를 보내고 데이터를 받아 다시 그리기 때문에 느릴 수 밖에 없다. - Dynamic HTML을 사용할 경우는 큰 지도를 모두 미리 다운로드해서 사용하는 반면 Ajax는 필요한 화상만 다운받은 후 필요한 데이터를 비동기로 서버에서 얻어 온다. 2. 비동기 - 서버 처리와 클라이언트 처리가 각각 별개로 처리된다 - 클라이언트가 맵을 이동하거나 변경하는 작업과 서버에서 맵을 가져오는 작업이 병행처리 된다. 3. Ajax의 장단점 - 장점 - 페이지 이동 없이 고속으로 화면 전환 - 서버 처리를 기다리지 않고 비동기 요청이 가능 - 서버 측 처리를 각 PC.. 이전 1 다음
