From f98ba270a421d0b536bc11ed6be47f60b806488f Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Mon, 12 Aug 2024 09:35:15 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B8=80=20=EB=AA=A9=EB=A1=9D=200?=
 =?UTF-8?q?=EA=B0=9C=EC=9D=BC=20=EB=95=8C=20=ED=91=9C=EC=8B=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ArticleBoard/ArticleBoard.jsx         | 3 ++-
 frontend/src/pages/FreeboardListPage/FreeboardListPage.jsx    | 4 ++--
 frontend/src/pages/NoticeListPage/NoticeListPage.jsx          | 4 ++--
 frontend/src/pages/QuestionListPage/QuestionListPage.jsx      | 2 +-
 frontend/src/pages/QuizsetListPage/QuizsetListPage.jsx        | 2 +-
 frontend/src/pages/StudentListPage/StudentListPage.jsx        | 2 +-
 .../TeacherReportsetDetailPage/TeacherReportsetDetailPage.jsx | 2 +-
 7 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/ArticleBoard/ArticleBoard.jsx b/frontend/src/components/ArticleBoard/ArticleBoard.jsx
index 09fe7e5..9e8d378 100644
--- a/frontend/src/components/ArticleBoard/ArticleBoard.jsx
+++ b/frontend/src/components/ArticleBoard/ArticleBoard.jsx
@@ -1,6 +1,7 @@
 import EditIcon from '/src/assets/icons/edit.svg?react';
 import { Link } from 'react-router-dom';
 import styles from './ArticleBoard.module.css';
+import { Children } from 'react';
 
 export default function ArticleBoard({ title, canCreate, children }) {
   return (
@@ -19,7 +20,7 @@ export default function ArticleBoard({ title, canCreate, children }) {
         )}
       </div>
       <div className={styles.article}>
-        {children ? children : <div className={styles.empty}>표시할 내용이 없습니다.</div>}
+        {Children.toArray(children).length ? children : <div className={styles.empty}>표시할 내용이 없습니다.</div>}
       </div>
     </div>
   );
diff --git a/frontend/src/pages/FreeboardListPage/FreeboardListPage.jsx b/frontend/src/pages/FreeboardListPage/FreeboardListPage.jsx
index 9cc6462..badfe77 100644
--- a/frontend/src/pages/FreeboardListPage/FreeboardListPage.jsx
+++ b/frontend/src/pages/FreeboardListPage/FreeboardListPage.jsx
@@ -7,14 +7,14 @@ import IntersectionArea from '../../components/IntersectionArea/IntersectionObse
 export default function NoticeListPage() {
   const { lectureId } = useParams();
   const { data, fetchNextPage, hasNextPage } = useFreeboards(lectureId);
-  const articles = data?.pages.flatMap((page) => page.data);
+  const articles = data.pages.flatMap((page) => page.data);
 
   return (
     <ArticleBoard
       title="자유게시판"
       canCreate={true}
     >
-      {articles.length &&
+      {articles.length > 0 &&
         articles.map?.((notice) => (
           <ArticleLink
             key={`${notice.id}`}
diff --git a/frontend/src/pages/NoticeListPage/NoticeListPage.jsx b/frontend/src/pages/NoticeListPage/NoticeListPage.jsx
index 8d5f387..aacb2fe 100644
--- a/frontend/src/pages/NoticeListPage/NoticeListPage.jsx
+++ b/frontend/src/pages/NoticeListPage/NoticeListPage.jsx
@@ -8,7 +8,7 @@ import IntersectionArea from '../../components/IntersectionArea/IntersectionObse
 export default function NoticeListPage() {
   const { lectureId } = useParams();
   const { data, fetchNextPage, hasNextPage } = useNotices(lectureId);
-  const notices = data?.pages.flatMap((page) => page.data);
+  const notices = data.pages.flatMap((page) => page.data);
   const userType = useBoundStore((state) => state.userType);
 
   return (
@@ -16,7 +16,7 @@ export default function NoticeListPage() {
       title="공지사항"
       canCreate={userType === 'teacher'}
     >
-      {notices.length &&
+      {notices.length > 0 &&
         notices.map?.((notice) => (
           <ArticleLink
             key={`${notice.id}`}
diff --git a/frontend/src/pages/QuestionListPage/QuestionListPage.jsx b/frontend/src/pages/QuestionListPage/QuestionListPage.jsx
index b81a1d8..3042af5 100644
--- a/frontend/src/pages/QuestionListPage/QuestionListPage.jsx
+++ b/frontend/src/pages/QuestionListPage/QuestionListPage.jsx
@@ -15,7 +15,7 @@ export default function QuestionListPage() {
       title="Q&A"
       canCreate={userType === 'student'}
     >
-      {questions.length &&
+      {questions.length > 0 &&
         questions.map?.((question) => (
           <ArticleLink
             key={`${question.title}${question.createtAt}`}
diff --git a/frontend/src/pages/QuizsetListPage/QuizsetListPage.jsx b/frontend/src/pages/QuizsetListPage/QuizsetListPage.jsx
index 99836e6..f3e0f77 100644
--- a/frontend/src/pages/QuizsetListPage/QuizsetListPage.jsx
+++ b/frontend/src/pages/QuizsetListPage/QuizsetListPage.jsx
@@ -13,7 +13,7 @@ export default function QuizsetListPage() {
       title="퀴즈 목록"
       canCreate={true}
     >
-      {quizsets.length &&
+      {quizsets.length > 0 &&
         quizsets.map?.((quizset) => (
           <ArticleLink
             key={`${quizset.quizSetId}`}
diff --git a/frontend/src/pages/StudentListPage/StudentListPage.jsx b/frontend/src/pages/StudentListPage/StudentListPage.jsx
index c17e9f7..a48adec 100644
--- a/frontend/src/pages/StudentListPage/StudentListPage.jsx
+++ b/frontend/src/pages/StudentListPage/StudentListPage.jsx
@@ -14,7 +14,7 @@ export default function StudentListPage() {
 
   return (
     <ArticleBoard title="수강생 관리">
-      {students.length &&
+      {students.length > 0 &&
         students.map?.((student) => {
           return (
             <ArticleLink
diff --git a/frontend/src/pages/TeacherReportsetDetailPage/TeacherReportsetDetailPage.jsx b/frontend/src/pages/TeacherReportsetDetailPage/TeacherReportsetDetailPage.jsx
index f8bf80b..7479d54 100644
--- a/frontend/src/pages/TeacherReportsetDetailPage/TeacherReportsetDetailPage.jsx
+++ b/frontend/src/pages/TeacherReportsetDetailPage/TeacherReportsetDetailPage.jsx
@@ -14,7 +14,7 @@ export default function TeacherReportsetDetailPage() {
       title="퀴즈 조회"
       canCreate={false}
     >
-      {reports.length &&
+      {reports.length > 0 &&
         reports.map?.((report) => {
           return (
             <ArticleLink