<실기> 인터페이스 기능 구현

JSON(Javascript Object Notation)

JSON은 속성-값(Attribute-Value Pair) 쌍 또는 "키-값 쌍"으로 이루어진 데이터오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다.

 

- JSON 특징

AJAX(Asynchronous Javascript and XML)에서 많이 사용되고 XML(eXtensible Markup Language)을 대체하는 주요 데이터 포맷이다.

 

JSON 표현 자료형

구조	사례
선형 구조	-리스트, 스택, 큐, 데크
문자열(String)	항상 큰 따옴표로 묶어야하고, 그 안에는 유니코드 문자들이 나열
배열(Array)	배열은 대괄호로 표시, 배열의 각 요소는 기본 자료형이거나 배열, 객체임 *순서에 의미가 있음
객체(Object)	이름/값 쌍의 집합으로, 중괄호 사용. *순서 의미 없음.

 

XML(Extensible Markup Language)

XML은 HTML의 단점을 보완한 인터넷 언어로, SGML의 복잡한 단점을 개선한 특수한 목적을 갖는 마크업 언어이다.

 

- XML특징

• XML은 송수신 시스템 간 데이터 연계의 편의성을 위해서 전송되는 데이터 구조를 동일한 형태로 정의한다.
• 인간과 기계가 모두 이해할 수 있는 텍스트 형태의 마크업 포맷을 정의하기 위한 메타언어이다.
• 사용자가 직접 문서의 태그를 정의할 수 있으며, 다른 사용자가 정의한 태그를 사용할 수 있다.

 

AJAX(Asynchronous Javascript And XML)

- AJAX는 자바스크립트를 사용하여 웹 서버와 클라이언트 간 비동기적으로 XML 데이터를 교환하고 조작하기 위한 웹 기술이다.

- 브라우저의 XMLHttpRequest 객체를 사용하여 전체 페이지를 새로 고치지 않고, 필요한 일부 데이터만 가져오는 기법

- HTML만으로는 어려운 다양한 작업을 웹 페이지에서 구현해서 이용자가 웹 페이지와 자유롭게 상호작용할 수 있도록 구현하는 기법

 

- AJAX 주요 기술

주요 기술	사례
XMLHttpRequest	- 웹 브라우저에서 서버와 데이터를 주고받기 위해 사용하는 객체 - XMLHttpRequest를 통해 전체 페이지를 새로 고치지 않고, 서버로부터 데이터를 가져오거나 서버에 데이터를 보낼 수 있음 - 비동기 통신을 담당하는 자바스크립트 객체
JavaScript	- 객체 기반의 스크립트 프로그래밍 언어 - 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장객체에도 접근할 수 있는 기능 소유
XML (Extensible Markup Language)	- HTML의 단점을 보완한 인터넷 언어로서, SGML의 복잡한 단점을 개선한 특수한 목적을 갖는 마크업 언어
DOM (Document Object Model)	- XML문서를 트리 구조의 형태로 접근할 수 있게 해주는 API
XSLT (Extensible Stylesheet Language Transformations)	- XML문서를 다른 XML문서로 변환하는데 사용하는 XML기반 언어
HTML (Hyper Text Markup Language)	- 인터넷 웹(WWW) 문서를 표현하는 표준화된 마크업 언어
CSS (Cascading Style Sheets)	- 마크업 언어가 실제 표시되는 방법을 기술하는 언어 - 운영체제나 사용 프로그램과 관계없이 글자 크기, 글자체, 줄 간격, 색상 등을 자유롭게 선택할 수 있는 스타일 시트

 

REST(Representational State Transfer)

- REST는 웹과 같은 분산 하이퍼미디어 환경에서 자원의 존재/상태 정보를 표준화된 HTTP 메서드로 주고받는 웹 아키텍처

 

REST의 기본 형태

리소스(자원), 메소드(처리), 메시지 3가지 요소로 구성됨

 

REST 메서드

메서드	의미
POST	Create(생성)
GET	Read(조회)
PUT	Update(수정)
DELETE	Delete(삭제)

 

REST 리소스

- REST는 모든 것을 리소스, 즉 명사로 표현하며, 각 세부 리소스에는 id를 붙인다.

- 사용자라는 리소스 타입을 http://iccbb/users라고 정의했다면, 수제비라는 id를 갖는 리소스는 http://iccbb/users/수제비라는 형태로 정의한다.

---

예제

1. 다음이 설명하는 용어는 무엇인지 쓰시오.

W3C(World Wide Web Consortium)에서 개발되었고, 웹 브라우저 간 호환이 되지 않는 문제와 SGML의 복잡함을 해결하기 위해 개발된 다목적 마크업 언어

XML

 

2. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부분만을 위한 데이터를 로드하는 기법이며, 하이퍼테스트 표기 언어(HTML)만으로 어려운 다양한 작업을 웹 페이지에서 구현해 이용자가 웹 페이지와 자유롭게 상호작용할 수 있도록 하는 기술명을 쓰시오.

AJAX

 

3. (    )는 웹에서 JavaScript, XML을 이용하여 비동기식으로 웹 페이지의 일부 콘텐츠만 리로드(Reload) 해오는 방식이다.

AJAX

 

4. (  1  )은 웹 브라우저와 웹 서버 간에 메서드가 데이터를 전송하는 객체 폼의 API이다. 비동기 통신을 담당하는 자바스크립트 객체이다.

(  2  )은 XML 문서를 트리구조의 형태로 접근할 수 있게 해주는 API이다. 플랫폼/언어 중립적으로 구조화된 문서를 표현하는 객체 지향 모델이다.

(1 : XMLHttpRequest, 2: DOM )

 

5. 인터페이스 연계 기술 중 웹과 같은 분산 하이퍼미디어 환경에서 자원의 존재/상태 정보를 표준화된 HTTP 메서드로 주고받는 웹 아키텍처는 무엇인지 쓰시오.

REST