Feat: 어드민 게시물 조회 페이지 UI 및 관련 기능 구현

[ParkSohyunee]

개요

• 어드민 게시물 조회 페이지를 구현했습니다.

작업 사항

• 어드민 게시물 조회 페이지 UI 퍼블리싱
  • 마크업 시, 시멘틱 태그를 사용하여 웹 접근성 향상
• 게시물 삭제 기능
• 게시물 알림 보내기 기능
• 게시물 공개/비공개 옵션 변경 기능
• 게시물 미리보기 기능
  • 미리보기 기능은 추후 사용자에게 보여지는 부분을 감안하여 공통 컴포넌트로 구현
  • @Nahyun-Kang 나현님, 추후 사용자 게시물 페이지 구현하실 때 해당 컴포넌트 참고 부탁드립니다.
• (리팩토링) 게시물 관련 리액트쿼리 mutation 로직 커스텀 훅 생성 src/hooks/queries/useNotice.ts
  • 하나의 페이지에서 삭제, 알림, 공개 수정의 뮤테이션 로직이 있다보니 중복된 로직이 발생하여, 리액트쿼리 mutation 부분을 커스텀훅으로 분리하였습니다. 추후 다른 부분에도 적용해보려고 합니다. 🫡

참고 사항

후속 작업

• 게시물 수정하기 기능

스크린샷

어드민 게시물 페이지

미리보기 시 (스크롤)

마크다운 에디터, 구분선, 이미지, 버튼

소제목, 마크다운 에디터, 구분선, 이미지, 유의

리뷰어에게

• 디자인 관련하여 피드백하실 부분 있으시면 말씀 부탁드립니다.🥹
• 공지 빨리 보내고 싶어요!! 🥳🥳

[vercel]

@ParkSohyunee is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

[seoyoung-min]

소현님, 혹시 디자인 천재...?! 공지게시물 디자인 너무 예쁘네요🥹 저도 빨리빨리빨리 공지 보내보고 싶어요!!

[seoyoung-min]

와... 이 생각은 한 번도 못해봤어요!! 훅으로 분리하니 page.tsx 코드가 훨씬 깔끔해지네요!!