[Task] 자유게시판 페이지 개발

[BaeZzi813]

📝 요약

• 자유게시판 페이지(/article)를 개발합니다.

🎯 목표 및 기대 결과

• Sidebar 의 자유게시판 을 통해 접근이 가능합니다.

🧩 설계 및 구현 방향

• 자유게시판

  • 검색을 통해 제목에 검색어의 일부가 포함된 게시글이 있으면 보이게 구현합니다.
  • 베스트 게시글 은 좋아요가 높은 순으로 노출시키고, 카드 컴포넌트 Desktop 3 / Tablet 2 / Mobile 1 보이게 구현합니다.
  • 베스트 게시글 Pagination 사용합니다.
  • 전체 게시글 최신순 / 좋아요 많은 순 으로 select 하여 노출 순서를 정할 수 있습니다.
  • 전체 게시글은 Desktop 2 / Tablet 1 / Mobile 1 column 으로 보여집니다.

• 상세 페이지(/article/{articleId}) 에서 게시판 정보를 보여주고 dots 아이콘 클릭시 수정 / 삭제 페이지로 이동합니다.

• 게시글 쓰기 에서는 제목 / 내용 / 이미지 input 으로 등록 가능합니다.

  • 해당 Form 컴포넌트로 재사용 가능하게 만들어 수정 페이지까지 적용합니다.

📸 참고 자료