JSON

JSON이란 JavaScript에서 객체를 만들 때 사용하는 표현식을의미합니다. JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식을 일컫는 말입니다. 즉, JSON는 Javascript 객체 문법을 따르는 문자 기반의 데이터 포맷입니다.  JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐입니다.

 

<기본문법>

 

var obj={};

 

위에서 설명했듯이 JSON은 Javascript 객체 리터럴 문법을 따르는 문자열입니다.

JSON 안에는 마찬가지로 Javascript의 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 있습니다.

 

JSON의 문법적 특징은 아래와 같습니다.

 

• JSON 형식은 자바스크립트 객체와 마찬가지로 key / value가 존재할 수 있으며 key값이나 문자열은 항상 큰따옴표를 이용하여 표기해야 합니다.
• 객체, 배열, 함수 등의 표기를 사용할 수 있습니다.
• 일반 자바스크립트의 객체처럼 원하는 만큼 중첩시켜서 사용할 수도 있습니다. JSON형식에서는 null, number, string, array, object, boolean을 사용할 수 있습니다.

 

        obj.color="red";
        alert(obj.color);

 

바로바로 선언해서 사용하는 것도 가능합니다.

---

JSON으로 가져올 수 있는 데이터

해당 자바스크립트가 로드된 서버의 데이터에 한정됩니다.

예를 들어, http://naver.com에서 불러올 수 있는 데이터는 naver.com 서버에 존재하는 것만 가능합니다. (네이버 서버 외에 구글 데이터를 불러온다거나 다음 데이터를 불러오는 것이

JSON은 단순히 데이터 포맷일 뿐이며 그 데이터를 불러오기 위해선 XMLHttpRequest()라는JavaScript 함수를 사용해야 하는데 이 함수가 동일 서버에 대한 것만 지원하기 때문입니다. ( JSONP 또는 프락시 역할을 하는 서버 쪽 Script 파일로 가능하게도 할 수 있습니다.)

---

JSON 문법

JSON은 전체가 텍스트로 이루어지며, 중괄호로 표현되는 Key-Value 데이터 형식을 가진다고 설명했습니다.

직사각형 넓이와 둘레를 구하는 객체를 만들어 보도록 하겠습니다

 

<예제>

 

<script>
var ract = {
    w: 4,
    h: 6,
    area: function () {
        return this.w * this.h;
    },
    round: function () {
        return 2 * this.w + 2 * this.h;
    },
    dispaly: function () {
        alert("넓이" + this.area() + "둘레" + this.round());
    }
}
ract.dispaly();
</script>

 

<결과>