JSON & XML & AJAX

목차

▷JSON

▷XML

▷AJAX

▷Appendix

 

 

---

JSON(JavaScript Object Notation)

▷ JSON 은 인터넷에서 주고 받는 자료의 표현방법 

▷ 인간이 읽고 쓰기에 용이함 & 기계가 분석하고 생성함에 용이함

▷ 프로그래밍 언어로부터 완전히 독립적

▷ C-family 언어 프로그래머들에게 친숙한 관습을 사용하는 텍스트 형식

 

구조는 다음과 같습니다.

  

 

 

JSON >> Object 

Name/Value 쌍들의 비 순서화된 SET 

 

array는 다음과 같이 표현합니다. 

나머지 자료형들도 다 C언어에서 파생된거라 다 비슷하다.

 

XML(eXtensible Markup Language)

:데이터에 의미를 부여하는 다목적 마크업 언어

인터넷에 연결된 시스템끼리 데이터를 쉽게 주고 받을 수 있게 하여 HTML 의 한계를 극복할 목적으로 만들어짐.

확장 가능 -> 대부분의 XML 응용 프로그램은 새 데이터가 추가되어도 예상대로 동작 

데이터 공유 등의 가용성을 단순화 

 

 

XML Parser 

Parser : 컴파일러의 일부로 원시 프로그램의 명령문이나 온라인 명령문, 마크업 태그 등을 입력으로 받아들여서 여러 부분으로 나누는 작업 수행

모든 주요 브라우저는 XML 을 엑세스하고 조작하기 위한 XML 파서가 내장되어 있음. 

 

DOM(Document Object Model) : 프로그램 및 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 액세스하고 업데이트 할 수 있게 해주는 플램폼 및 언어 중립적 인터페이스

 

 

XSL : XML을 위한 Stylesheet 언어 

XSLT : XML 문서를 XSL 로 변환 

 

 

Ajax(Asynchronous JavaScript and XML)

:비동기적 데이터 교환 기법으로 클라이언트와 서버간 데이터를 주고받는 기술입니다. 

여러 데이터 오브젝트들로도 사용이 가능합니다. 

대화식 웹 애플리케이션의 제작을 위해 다음과 같은 조합을 이용하는 웹 개발 기법입니다. 

필요한 데이터를 웹 서버에 요청해서 받은 후 클라이언트에서 데이터에 대해 처리합니다.

이러면 데이터 양과 애플리케이션 응답성이 좋아집니다. 

Google Suggest(추천 검색어) 로 유명해짐 

 

장점 

- 페이지 이동없이 고속으로 화면 전환

- 서버 처리를 기다리지 않고 비동기 요청 가능

- 수신하는 데이터 양 줄고 클라이언트에게 처리 위임

 

단점 

- AJAX을 못 쓰는 브라우저 존재

- Http 클라이언트의 기능 한정

- 페이지 이동없는 통신으로 인한 보안상의 문제

- 지원하는 Charset 이 한정

- 스크립트로 작성되므로 Debugging 이 용이하지 않다

- 요청을 남발하면 역으로 서버 부차 증가

- 동일,출처 정책으로 인해 다른 도메인과는 통신 불가

 

기존 방식과 Ajax 방식의 차이점

 

기존 방식

- 웹 브라우저가 웹 서버에 요청 전송

- 웹 서버는 JSP,PHP등의 서버 애플리케이션을 사용해 요청 처리 후 결과를 HTML 로 생성해서 웹 브라우저에 전송

- 사용자 입장에서 페이지 이동 발생

 

Ajax 방식

-사용자가 이벤트를 발생시키면 javascript 는 DOM 을 사용해서 필요한 정보를 구한 후 웹 서버에 요청 전달

-웹 서버는 요청을 처리후 결과 생성 후 전송

- 사용자 입장에서 페이지 이동없이 내부 변화만 일어남