<%@ 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>
<h1>JSON 데이터 타입</h1>
<div id="output"></div>
<script type="text/javascript">
/*
JSON 데이터 타입
- 문자열, 숫자, 객체(JSON 객체), 배열, 논리형, null
*/
// 문자열
var str = {"name":"kim"};
// 숫자
var num = {"age":20};
// 객체
var obj = {
"emp":{"name":"kim", "age":20, "city":"Busan"}
};
// div 태그내에 직원의 이름과 나이 출력
document.querySelector("#output").innerHTML += obj + "<br>";
document.querySelector("#output").innerHTML += obj.emp.name + "<br>";
document.querySelector("#output").innerHTML += obj.emp.age + "<br>";
</script>
</body>
</html>
