스프링부트 강좌 66강(블로그 프로젝트) - 댓글 디자인하기

출처:

https://www.youtube.com/watch?v=huxBUkpBDEA&list=PL93mKxaRDidECgjOBjPgI3Dyo8ka6Ilqm&index=68 

---

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../layout/header.jsp"%>

<div class="container">
	<button class="btn btn-secondary" onclick="history.back()">돌아가기</button>

	<c:if test="${board.user.id == principal.user.id }">
		<a href="/board/${board.id}/updateForm" class="btn btn-warning">수정</a>
		<button id="btn-delete" class="btn btn-danger">삭제</button>
	</c:if>
	<br> <br>
	<div>
		글 번호 : <span id="id"><i>${board.id} </i></span> 작성자 : <span><i>${board.user.username} </i></span>
	</div>
	<br>
	<div>
		<h3>${board.title}</h3>
	</div>
	<hr />
	<div>
		<div>${board.content}</div>
	</div>
	<hr />

	<button id="btn-save" class="btn btn-primary">글 저장</button>


		<div class="card">
			<div class="card-body"><textarea class="form-control" row="1"></textarea></div>
			<div class="card-footer"><button class="btn btn-primary">등록</button></div>
		</div>
 		<br/>
 		<div class="card">
 			<div class="card-header">댓글 리스트</div>
 			<ul id="comment-box" class="list-group">
 			<li id="comment--1" class="list-group-item d-flex justify-content-between">
			<div>댓글 내용입니다!!</div>
			<div class="d-flex">
			<div class="font-italic">작성자 : late90 &nbsp;</div>
			<button class="badge">삭제</button>
			</div>
			</li>
 			</ul>
 		</div>
		
</div>
<script src="/js/board.js"></script>
<%@ include file="../layout/footer.jsp"%>