더북(TheBook)

             <c:forEach items="${bookList}" var="book">
                 <div class="col-md-4">
                    <h3>${book.name}</h3>
                    <p>${book.author}
                        <br>${book.publisher} | ${book.releaseDate}
                    <p align=left>${fn:substring(book.description, 0, 100)}...
                    <p>${book.unitPrice}원
                </div>
            </c:forEach>
        </div>
        <hr>
        <footer>
            <p>&copy; BookMarket</p>
        </footer>
    </div>
</body>
</html>

prefix="fn"은 JSTL의 function 태그를 JSP에서 사용함을 나타냅니다.

뷰 화면을 표현하려고 부트스트랩에서 제공하는 스타일시트(bootstrap.css)의 URL을 연결하여 적용한 것입니다.

JSTL의 <for Each>...</for Each> 구문을 이용한 반복문으로, 모든 도서의 목록을 출력합니다. ${bookList}BookController 컨트롤러에서 전달된 모델 데이터를 var 속성 값인 book으로 다시 정의합니다. book을 이용하여 모델 데이터 name, author, publisher, releaseDate, description, unitPrice 등을 출력합니다.