• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 페이지네이션에서 아래 a태그로 링크 만들기 질문드립니다.

페이지네이션에서 아래 a태그로 링크 만들기 질문드립니다.

9 글 보임 - 1 에서 9 까지 (총 9 중에서)
  • 글쓴이
  • #111306

    윤준호
    참가자
    예를들어 글이 14개고 5개씩 끊어서 글을 보여주려고 하면
    1,2,3 이렇게 보여주려고 합니다. 
    
    list.ejs 아랫부분에
            <% for (let i = 0; i < 글목록.length; i++){ %>
                <b href="/list/<%= i+1 %>"> <%= (i+1)  %></b>
            <% } %>
    
    (a태그로 올리면 글이 깨져서 b태그로 올림)
    이런식으로 만들어서 보여주려고 하는데 이렇게 하면 총 14개의 페이지가 생성됩니다. 
    이걸 말씀드린 것처럼 1,2,3 이렇게 보여주고 싶은데... 뾰죡한 수가 안 떠올라서 그러는데 방법이 있을까요 ...
    #111344

    codingapple
    키 마스터
    뒤에 페이지나누는 강의에서 다룹니다
    #111382

    윤준호
    참가자
    지금 2장 거의 다 듣고있는데 추후에 다룬다는
    말씀이신거죠?
    #111397

    codingapple
    키 마스터
    i < 글목록.length/5 하면 버튼 3개 생성될듯요
    #111418

    윤준호
    참가자
    <div class="page">
            <% for (let i = 0; i < 글목록.length / 5; i++){ %>
                "> <%= (i+1) %> 
            <% } %>
        </div> 
    이렇게 하니 메인페이지에서는 잘 나뉘집니다. 
    KakaoTalk_20240126_015944304
    
    근데 1,2,3 각 링크를 통해 들어가보니 
    (http://localhost:8080/list/1  http://localhost:8080/list/2 http://localhost:8080/list/3 이거)
    당연히 해당 링크에는 5개로 나누었으니 5개 이하의 글들이 있어서 
     KakaoTalk_20240126_015745819
    이처럼 되더군요.
    근데 이걸, 메인 페이지의 1,2,3처럼 되게 하려면 어떻게 해야할까요?
    코드를 수정해보려고 하는데 도저히 감이 안 오네요...
    #111428

    codingapple
    키 마스터
    서버에서 전체 글갯수도 가져와서 그걸로 반복문돌리면 될듯요
    #111437

    윤준호
    참가자
    그러면 detail.js파일처럼
    /list/:id 의 각 페이지를 만들어주는
    파일을 따로만들어서 해야할까요..?
    아니면
    
    list.ejs 파일에서도 말씀하신게 가능할까요?
    #111454

    codingapple
    키 마스터
    1 2 3 번호 보여주고 싶은 파일에다가 전체글갯수 보내주면 됩니다
    #111523

    윤준호
    참가자
    감사합니다. 
    list.ejs에서는 총 게시글 목록을 불러와서 1,2,3으로 for문써서 만들고
    
    list/1 list/2 등등 각 페이지에서는
    server.js에서 render를 listpages로 전체글을 보내고(총글/5하려고) 새롭게 listpages파일 만들어서 했습니다.
    
    
    
    
    
    		
    	
9 글 보임 - 1 에서 9 까지 (총 9 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠