[JavaScript] JSON(JavaScript Object Notation)

JSON 표기 방법

• Javascript에서 Object(객체)를 Notation(표기)하는 방법

기본형태

{
	"name":"김땡땡".
	"age":30,
	"isAlive":true,
	"address":{
		"city":"Seoul",
		"postCode":"12345"
    },
    "family":["dad","mom"]
    "children":[],
	"spouse":null
}

[
	{
		"name":"이가네".
		"age":20
	},
	{
		"name":"박가네".
		"age":30
	}
]

• 중괄호로 시작해서 중괄호로 끝남
• "key":value 처럼 하나의 쌍으로 데이터를 표기
• 각 데이터의 쌍은 쉼표로 구분
• key는 큰따옴표 필수, value은 값의 타입에 따라 큰따옴표로 감싸거나 감싸지 않음
• 배열의 형태로 시작할 수 있음

 

JSON 검증

• JSON Formatter : JSON 형식 검증
  • 구글 JSON Formatter 검색
  • https://jsonformatter.curiousconcept.com
• 올바른 형식인지 검증해주고, 띄어쓰기나 줄바꿈을 해서 보기 좋게 만들어 주기도 함 

 

JSON vs XML

{
	"name":"최가네",
	"age":22,
	"address":"서울시 강남구"
}

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<name>최가네</name>
	<age>22</age>
	<address>서울시 강남구</address>
</root>

• 데이터를 전송하기 위한 데이터 형식
  • XML : XGML(Standard Generalized Markup Language) 파생된 데이터 형식
• XML은 첫줄에 버전과 인코딩에 대한 정보를 담고, 태그를 사용해 열고 닫음
• JSON이 XML보다 데이터 크기가 작아 전송시 시간이나 비용이 절약 됨
• JSON이 자바스크립트 엔진을 통해 수행되기 때문에 프론트엔드에서 데이터를 파싱(구문 분석)하는 속도가 빠름
  • 서버간 통신하는 경우 XML이 유리 할 순 있으나, 일반적으로는 JSON이 유리
• XML이 데이터 자체 추가적인 정보를 보내기 편리 - 메타데이터, 주석이나 태그에 속성 추가 가능