메뉴 건너띄기
상단메뉴 바로가기
본문 바로가기

이 누리집은 대한민국 공식 전자정부 누리집입니다.

본문 영역

적용 지원, FAQ, Q&A 게시판을 통해 기술 문제 해결을 지원합니다.

묻고 답하기

Index Page 에서 썸네일 게시판을 띄우려구 하는데요...
  • 작성자

    양*준

  • 작성일

    2013-12-27 17:02:00

  • 조회수

    1,303

  • 구분

    기타

  • 진행상태

    완료

질문

안녕하세요.
이제 막 프로그래밍을 시작하는 사람입니다!
저번에 썸네일 게시판 Url은 정말 감사했습니다.

이제 Index 페이지에서 목록 순서를 지정하여 뜨게 해야되는데 이거 정말 힘들군요..;;

첨부파일에 있는 이미지 대로 밑에까지 뜨지 않게 하여 한개씩 다른 게시물들을 띄우려구 하는데요
잘 안되네요... ㅠㅠ

제가 가지고 있는 소스는 <div> <ul> <li>을 사용하여 목록 페이지를 띄우려고합니다.
<table>로도 띄우려고 했는데 빈번히 실패네요...

이번에도 도움을 주시면 감사하겠습니당 ㅎㅎ;;

제가 가지고 있는 소스 입니다.

<div class="build_box">
<h2><img src="게시판 이미지"/></h2>
<ul class="list_build">
<li class="left8">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">
<img src='이미지 URL>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>

<li class="left4">
<c:forEach var="result" items="${resultList1}" varStatus="status">
<div class="build_imgbox"><a href="게시판 URL">

<img src='이미지 URL"/>' width="60" height="60" alt="해당파일이미지"/></a></div>
<div class="content_box">
<p>
<a href="게시판 URL">
<strong class="build_title">게시판 제목 함수</strong>
<span class="build_sub">게시물 내용 들어갈 곳</span>
<br><br><br>
</a>
</p>
</div>
</c:forEach>
<c:if test="${fn:length(resultList) == 0}"></c:if>
</li>
</ul>

첨부파일
답변

안녕하세요. 양희준님.

정확하게 어떤 방식으로 구현하시기를 원하시는 판단이 어렵습니다.

다만, 올려주시 jsp 부분을 보면, 동일한 list에 대하여 2번 반복하신 부분이 있습니다.

아마도 순서 처리를 위해 두번 반복하신 것 같은데,

1행에는 홀수번째, 2행에는 짝수번째 처리와 같은 결과를 원하시는 경우 다음과 같이 활용하실 수 있습니다.

<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 1}"> .. 홀수번쨰 처리 .. </c:if>
</c:forEach>

<c:forEach var="result" items="${resultList1}" varStatus="status">
<c:if test="${status.index mod 2 == 2}"> .. 짝수번쨰 처리 .. </c:if>
</c:forEach>

그럼, 즐거운 하루되십시오.
감사합니다.

이 페이지의 구성

묻고 답하기