본문 바로가기
프로그래밍 놀이터/Web

[Script] JSON Tutorial ( 기초 강좌 )

by 돼지왕 왕돼지 2012. 11. 1.
반응형


JSON Tutorial ( 기초 강좌 )

출처 : w3schools JSON


JSON Home

What is JSON

- JavaScript Object Notation 의 약자

- JSON은 text information 을 교환하기 위한 폼.

- JSON 은 XML 보다 작지만 더 빠르고 쉽게 파싱될 수 있다.

- JSON은 language independent

- JSON은 쉽게 이해가능하다.




JSON - Evaluates to JavaScript Objects

- JS의 object 생성방식과 같기 때문에 JS에서는 쉽게 eval() 을 이용해서 JSON data 를 사용할 수 있다.





JSON Introduction

Much Unlike XML

- No end tag

- Shorter

- 읽고 쓰기 빠름

- JS eval() 로 parsing 가능

- array 사용

- reserved word 없음




Why JSON?

- AJAX 에서 JSON은 XML보다 더 빠르고 쉽다.

- XML 사용은 XML doc fetch, XML DOM loop 사용, value 찾기

- JSON 사용은 JSON string fetch, eval()





JSON Syntax

JSON Syntax Rules

- data name/value pair

- comma 로 구분

- { } 는 object

- [] 는 array




JSON Name/Value Pairs

- "firstname":"John"




JSON Values

- number( integer or floating point ), string( "" ), Boolean, array( [] ), object( {} ), null




JSON Files

- .json

- MIME type 은 "application.json"




JSON How To

JSON Example - Object From String

- eval() 은 JSON text 를 JS object 로 변경한다.

- eval() 함수를 사용할 때는 반드시 syntax error 를 피하기 위해서 "(" + json_text + ")" 를 eval 함수 안에 넣어 주어야 한다.




JSON Parser

- eval() 함수는 컴파일도 하고 JS도 실행할 수 있기 때문에 security problem 을 야기할 수 있다. 브라우저는 native JSON parser 를 제공하며 이를 사용하는 것이 더 안정적이며 더 빠르다. JSON parser는 JSON만 관장한다.

- native JSON support 는 새로운 브라우저들에 다 포함되어 있고 ECMAScript의 표준이기도 하다.


JSON.parse( json_text );



도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x )




반응형

댓글