<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- pass variable -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
// expression language
// el은 scope()에서 꺼내옴 scope(pagecontext, request, session, application)
pageContext.setAttribute("cpath", request.getContextPath());
%>
<!DOCTYPE html>
<html lang="utf-8">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="resources/JS/board.js"></script>
</head>
<body onload="">
<div class="container">
<h2>Spring MVC02(Ajax + JSON)</h2>
<div class="panel panel-default">
<div class="panel-heading">게시판 만들기</div>
<div class="panel-body">
<table class = "table table-hover table-bordered">
<thead>
<tr>
<td>글번호</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<div class="panel-footer">지능형 IoT 8차 김우담</div>
</div>
</div>
<script type="text/javascript">
// 페이지가 로딩된 직후에 발생하는 이벤트
$(document).ready( loadBoard() )
</script>
</body>
</html>