[김승석] Sprint10 (#311)

* feat: 베스트 게시물 기능 추가

* feat: 게시글 SSR로 작업

* feat: 게시글 orderBy 기능 작업

* feat: 게시글 검색 기능 구현

* feat: 반응형 작업 완료

* feat: 반응형 pagesize 작업 및 로딩중, 비어있음 적용

* feat: pagesize 무한스크롤 기능 및 useOutsideClick hook 추가

* fix: 네트리파이 배포 오류 수정

* style: css파일 삭제 후 인라인속성으로 변경

* fix: 반응형 버그 수정

* refactor: 날짜포맷 dayjs 라이브러리로 변경

* pref: boards 데이터 불러오기 성능 개선

* pref: useCallback으로 boards 데이터 불러오기 함수 메모이제이션

* style: board 검색 form태그 추가 시멘틱하게 수정

* feat: 게시글 작성, 게시글 상세 작업완료

* refactor: 컴포넌트 분리

* feat: 입력값 입력 시 버튼 활성화

* feat: 반응형 작업완료

* fix: 반응형 스타일 수정

---------

Co-authored-by: 김승석 <kss@gimseungseog-ui-MacBookAir.local>

Author: kss761036

package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@svgr/webpack": "^8.1.0",
+    "dayjs": "^1.11.13",
     "next": "14.2.23",
     "react": "^18",
     "react-dom": "^18",

package.json

@@ -53,6 +53,7 @@
   line-clamp: 2;
 }
 .board_best_box .content figure {
+  overflow: hidden;
   display: block;
   width: 70px;
   height: 70px;

public/assets/img/comment_empty.png

@@ -6,7 +6,7 @@ import formatDate from "@/lib/format-data";
 export default function BoardBestList(data: Article) {
   return (
     <li className={styles.board_best_box}>
-      <Link href="">
+      <Link href={`/board/${data.id}`}>
         <div className={styles.best}>
           <img src="/assets/img/icon_best.svg" alt="베스트" />
           Best