JSON 제이슨 사용법, 표기법, 알아야할점

yy_dd2 2020. 12. 9. 19:50

JSON

JSON 제이슨은 데이터 교환 포맷이다.
다양한 곳에서 사용하고 있는데 나같은 경우에는 회사에서 카카오톡 주고 받기를 할 때

자동으로 답변해주거나 특정 값을 입력하면 그 값을 입력해서 넘겨줄때 쓰는 곳에

JSON을 사용했던거 같다 이때 제이슨을 처음 알았는데 배운것은 좀 나중에 학원을 다니면서 정확한 정의와 사용방법을 알았고 php나 java 그리고 javascript 에서도 사용이 가능하다는 것을 알았다.

* JSON은 자바스크립트를 객체 형식으로 표현하는 것

* XML 보다 빠르고 변환이 쉬움 적은 양의 데이터가 송수신되서 모바일쪽에서 쓰기에 부담이 적다
* JSON은 자바스크립트에 기반하고 있어 모든 웹 브라우저에서 호환된다

- JSON의 표기법
key / valye 형식으로 구성되어있다 (key는 name이라고도 함 이름 / 값)
"name" : "박ㅇㅇ"

- 타입에 따른 표기법

타입	표현 방법	예시
Number	Integer, float	"number" : 1
String	큰 따옴표로 묶임	"name" : "박ㅇㅇ"
boolean	true 또는 false	"isResult" : "true"
object	여러개의 key / value를 입력하여 중괄호로 묶음	{"name" : "박ㅇㅇ", "number" : 321, "b" : "내용}

html에서 key/value 값으로 json 사용법

<html>

<body>

    이름 : <span id="name"></span> <br/>
    나이 : <span id="age"></span> <br/>
    주소 : <span id="address"></span> <br/>
    핸드폰 : <span id="phone></span> <br/>

</body>

<script type="text/javascript">

  var person = {
      "name" : "박ㅇㅇ",
      "age" : "1900",
      "address" : "서울시 ㅇㅇ구 ㅇㅇ동 111-111",
      "phone" : "010-0000-0000"
  };

  document.getElementById("name").innerHTML = person.name
  document.getElementById("age").innerHTML = person.age
  document.getElementById("address").innerHTML = person.address
  document.getElementById("phone").innerHTML = person.phone

</script>

</html>