«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
반응형
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

java,javascript,android,php,sql,공부용,메모용

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

javascript, jQuery & Node.js

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>
반응형

'javascript, jQuery & Node.js' 카테고리의 다른 글

javascript 간단한 event / 버튼클릭 마우스오버 alert / 클릭하면 random값 / 자바스크립트로 style 변경하기  (0) 2021.03.10
javascript / 사용자 입력받기, 내용 출력하기, 선택하기 / document.wriet(), alert(), confirm(), prompt()  (0) 2021.03.04
javascript 계산법, 연산자  (0) 2021.03.04
javascript alert() / 자바스크립트 경고창 띄우기  (0) 2021.03.03
자바스크립트 javascript/ 버튼 눌러서 새창으로 열기 / popup  (0) 2021.03.03
'javascript, jQuery & Node.js' Related Articles more
Comments