<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
* JSON(JavaScript Object Notation)
- 데이터 전송을 위한 표준 데이터 포멧
- 데이터를 저장하고 교환하기 위한 문법
- JSON은 텍스트이며, 자바스크립트 객체 표기법과 형식이 유사
- 자바스크립트 객체를 JSON으로 변환 가능하며, JSON을 서버로 전송 가능
- 서버에서 받아온 JSON을 자바스크립트 객체로 변환 또한 가능
- 기본적으로 자바스크립트 객체 문법과 비슷함
* JSON을 사용하는 이유
- 자바스크립트 객체 표기법의 표준
- 경량 데이터 교환 형태
- 이해하기 쉬움
- 언어 독립적임(JSON 형태는 텍스트이므로, 모든 언어에서 읽을 수 있음)
-->
<div id="output"></div>
<script type="text/javascript">
// 객체 생성
var person = {
name : "kim",
age : 20,
city : "busan"
};
document.querySelector("#output").innerHTML = person.name;
// JSON
var str = {"name":"kim"};
</script>
</body>
</html>
