[JSP/Servlet] 게시판 만들기 #6. 게시판 메인페이지 만들기

상단 nav바에서 게시판을 누르면 bbs.jsp 로 이동한다 이때   bbs.jsp는 게시판의 메인 페이지이다.

 

이번 장에서는 이 bbs.jsp를 꾸며주도록 한다.

 

 

1. bbs.jsp 생성

우선 main.jsp를 복사하여  bbs.jsp를 생성한다.

 

2. bbs.jsp 를 꾸며주는 코드 작성

해당 파일 하단( </nav> 아래와 <script src="~~"> 코드 사이) 에 아래와 같은 코드를 추가한다.

<div class="container">
        	<div class="row">
        		<table class="table table-striped" style="text-align: center; border: 1px solid #dddddd">
        		<thead>
        			<tr>
        				<th style="background-color: #eeeeee; text-align:center;">번호</th>
        				<th style="background-color: #eeeeee; text-align:center;">제목</th>
        				<th style="background-color: #eeeeee; text-align:center;">작성자</th>
        				<th style="background-color: #eeeeee; text-align:center;">작성일</th>
        			</tr>
        		</thead>
        		<tbody>
        			<tr>
        				<td>1</td>
        				<td>안녕하세요</td>
        				<td>홍길동</td>
        				<td>2023-04-17</td>
        			</tr>
        		</tbody>
        		</table>
        		<a href="write.jsp" class="btn btn-primary pull-right">글쓰기</a>
        	</div>
        </div>

 

결과물