이미지 출처: 위키피디아 JSON

JavaScript Object Notation(JSON)

• 자바스크립트 객체 표기법으로 서버와 웹페이지 간에 어떤 데이터를 주고 받을 때 사용하는 포맷 형식이다.
• 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷입니다. (MDN)
• “속성:값” , “key:value” 의 쌍으로 이루어진 데이터 객체를 전달하기 위해 만들어진 포맷

JSON 특징

• 사람이 읽기에 좋은 구조와 텍스트를 사용한다
• 웹상에서 비동기 처리 기반의 브라우저/서버 통신 등에 데이터를 주고 받을 때 많이 사용
• 무겁고 복잡한 XML 보다 훨씬 가볍고 간결하여 대체하여 사용한다.
• 계층적인 구조를 가지고 있다.
• XML과 달리 종료하는 end tag가 필요없다.
• JSON은 배열을 사용할 수 있다.

JSON 구조

• Javascript 객체 리터럴 문법을 따르는 문자열 ⇒ JS 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 있다.

{
	"familyName" : "Choi",
	"homeTown" : "Seoul",
	"members" : [
	{ 
		"name" : "Sieun",
		"age" : "secret",
		"gender" : "Female",
		"identity" : "Human"
		
},
{
		"name" : "ShaSha",
		"age" : "4",
		"gender" : "male",
		"identity" : "Cat"
},
{
		"name" : "Roseang",
		"age" : "secret",
		"gender" : "female",
		"identity" : [
			"Witch",
			"sister"
}
]
}

// 순서대로 나, 우리집 고양이, 동생이다 ^_^.. 

• 위의 객체를 Javascript 프로그램에서 로드하고 familyMembers 라는 이름의 변수에 파싱하면 점/브라켓 표현법을 통해 객체에 접근할 수 있게 된다.

  familyMembers.homeTown
  familyMembers['familyName']
  
  //하위 계층 데이터 접근할 때, 배열 인덱스 체인을 통해 접근
  
  familyMembers['members'][2]['identity'][0] // "Witch"

  • JSON은 데이터 포맷이므로 오직 프로퍼티만 담을 수 있습니다. 메서드는 담을 수 없습니다.

  • JSON은 문자열과 프로퍼티의 이름 작성시 큰 따옴표만을 사용해야 합니다. 작은 따옴표는 사용불가

  • JSON에서는 따옴표로 묶인 문자열만이 프로퍼티로 사용될 수 있다.

    
    

    ---

ref

• https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
• Class 101 - ES6 문법과 함께하는 모던 자바스크립트 초∙중∙고급 마스터 클래스