더북(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 등을 출력합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.