Merge pull request #40 from TeamBNBN/fe/lecturerNoticeListPage

[Front-End] feat: 강사공지사항페이지 추가

frontend/src/pages/LecturerNoticeListPage/LecturerNoticeListPage.jsx

@@ -0,0 +1,69 @@
+import LectureHeader from '../../components/LectureHeader/LectureHeader';
+import { SideBar, SideLink, SideItem } from '../../components/SideBar';
+import { ArticleLink } from '../../components/ArticleLink';
+import { MaxWidthLayout } from '../../components/Layout';
+import ArticleBoard from '../../components/ArticleBoard/ArticleBoard';
+
+export default function LecturerNoticeListPage() {
+  const notices = [
+    {},
+    { title: '공지사항1', noticeDate: '7-12 오전 11:40:57' },
+    { title: '공지사하앙2', noticeDate: '7-12 오전 11:40:57' },
+    { title: '공지사하앙33', noticeDate: '7-15 오전 11:40:57' },
+    { title: '제목만 있는 경우' },
+    { noticeDate: '날짜만 있는 경우' },
+  ];
+
+  const lecture = {
+    title: '정보처리기사 실기 완전정복',
+    tutor: '박정민',
+    isLive: true,
+  };
+  return (
+    <>
+      <LectureHeader
+        title={lecture.title}
+        tutor={lecture.tutor}
+        isLive={lecture.isLive}
+      />
+      <MaxWidthLayout hasSideBar>
+        <aside>
+          <SideBar title="바로가기">
+            <SideLink path={'/'}>공지사항</SideLink>
+            <SideLink path={'/'}>Q&A</SideLink>
+            <SideLink path={'/'}>수업자료</SideLink>
+            <SideLink path={'/'}>퀴즈</SideLink>
+          </SideBar>
+          <SideBar title="내 강의">
+            <SideItem
+              name="진도율"
+              sub="2 / 12"
+            />
+            <SideItem
+              name="퀴즈 정답률"
+              sub="80%"
+            />
+          </SideBar>
+        </aside>
+        <main>
+          <ArticleBoard
+            title="공지사항"
+            canCreate={true}
+          >
+            {notices.map((notice) => {
+              if (notice.noticeDate && notice.title) {
+                return (
+                  <ArticleLink
+                    key={`${notice.title}${notice.noticeDate}`}
+                    title={notice.title}
+                    noticeDate={notice.noticeDate}
+                  />
+                );
+              }
+            })}
+          </ArticleBoard>
+        </main>
+      </MaxWidthLayout>
+    </>
+  );
+}