[모각코 7일차] homepage 구현하기 회고

최종목표 : Node.js로 충남대 커뮤니티 만들기

목표

• index구현하기.
• 카테고리 나누기.
• mypage 만들기.

진행사항

• index구현하기.

each item_university in university
  li
    a(href = "./article/id="+item_university.id)
      .item
        span.item-title= item_university.title
        span.item-date= item_university.created_date
        span.item-writer= item_university.user.name

each item_board in board
  li
    a(href = "./article/id="+item_board.id)
      .item
        span.item-title= item_board.title
        span.item-date= item_board.created_date
        span.item-writer= item_board.user.name

인덱스 부분의 pug (html 템플릿)이다.  

pug의 문법 for each문을 이용하여 구현하였다. 

• 카테고리 나누기.

for article in articles
    tr.table_body
        td.id= article.id
        td.title
            a(href="http://localhost:3000/article/id="+article.id)= article.title
        td.writer= article.user.name
        td.view= article.view
        td.date= article.created_date

.wrapper-pagination
    ul.pagination
        -var i = 1;
        -var c = 1;
        -if(index > 5)
            - i = index - 4;
        li
            a(href="./page=1") <<

        - while( i <= count)
            li
                a(href="./page="+i id=""+i) #{i}
            -if( c == 9 )
                -break
            - i = i+1
            - c = c+1
        li
            a(href="./page="+count) >>

글 목록 부분과 페이지네이션 구현 내용 pug이다.

페이지네이션 구현할 때 나름 고민을 많이 하여 구현하였다.

• mypage 만들기.

아직 글목록과 정보 수정 버튼은 구현이 안되었다.

회고

프로젝트를 기획부터 해본 적이 없었기에 기획 때 생각하지 못한 카테고리db가 생긴 것처럼 나름 시행착오를 많이 겪으면서 진행했던 것 같다. 그래도 커뮤니티의 기본은 얼추 완성된 모습이다. 뿌듯함을 많이 느꼈고 nodejs와 express, sequelize미들웨어에 조금은 익숙해졌다. 

오늘 설정한 목표에 시간이 조금남아 mypage view도 구현하였다.