[FEAT] 공지사항 & 이벤트 공지사항 전체 및 상세

[chunzhi23]

작성자: @chunzhi23
이슈: #44

체크 리스트

• 적절한 제목으로 수정했나요?
• 상단에 이슈 번호를 기입했나요?
• Target Branch를 올바르게 설정했나요?
• Label을 알맞게 설정했나요?

작업 내역

컴포넌트 영역

• 서브 네비게이션바 일부 수정(Divider 삭제)
  

• 페이지네이션 수정 요청 @obinox

  • 데이터 타입 변경 (Element -> ReactNode)
  • 페이지네이션 위치 props로 전달 (justify)
  • 페이지네이션과 아이템 사이 간격 props로 전달 (marginTop)

• 공지사항 전체보기(Noticeboard) 컴포넌트 개편

  • useState 밖에서 props로 받아옴
  • 검색창 입력, 버튼 클릭, Enter키 입력 등에 대한 handler 함수 props로 받아옴
  • 페이지네이션 컴포넌트 삽입
  • 컴포넌트에 직접 정의되어있던 타입과 navlist를 /types와 /constant로 분리

페이지 영역

• 공지사항 전체보기 및 상세보기 페이지 코드 작성

• Board 페이지 모듈화

  • 검색 핸들러를 적용한 페이지 컴포넌트로 분리 @/components/pages/UserBoard
  • Board 스타일시트 분리 @/styles/UserBoard.module.css
  • 전체보기의 아이템 get n 필터링 함수 분리 @/utils/UserBoard/GetUserBoardItems.ts

• 이벤트 공지사항 전체보기 및 상세보기 페이지 코드 작성

비고

• 페이지 컴포넌트 UserBoard를 공지사항, 이벤트 공지사항 뿐만 아니라 프로젝트 문의, 과제 제안 등 다른 페이지에서도 사용할 수 있도록 만들었습니다. storybook을 참고해주세요.

[github-actions]

🚀storybook: https://669667110ecf1f847fa21749-adympukqxm.chromatic.com/