diff --git a/frontend/src/components/LectureHeader/LectureHeader.jsx b/frontend/src/components/LectureHeader/LectureHeader.jsx index eed4eae..183fbb0 100644 --- a/frontend/src/components/LectureHeader/LectureHeader.jsx +++ b/frontend/src/components/LectureHeader/LectureHeader.jsx @@ -1,6 +1,6 @@ import styles from './LectureHeader.module.css'; -export default function LectureHeader({ img, title, tutorImg, tutor, isLive }) { +export default function LectureHeader({ img, title, tutorImg, tutor, isLive = false }) { return (
diff --git a/frontend/src/pages/LectureInfo/LectureInfoPage.jsx b/frontend/src/pages/LectureInfo/LectureInfoPage.jsx new file mode 100644 index 0000000..10d91e0 --- /dev/null +++ b/frontend/src/pages/LectureInfo/LectureInfoPage.jsx @@ -0,0 +1,60 @@ +import styles from './LectureInfoPage.module.css'; +import ClassInfo from '../../components/ClassInfo/ClassInfo'; +import { MaxWidthLayout } from '../../components/Layout'; +import LectureHeader from '../../components/LectureHeader/LectureHeader'; + +export default function LectureInfoPage() { + const lectureData = { + title: '정보처리기사 실기 완전정복', + img: '', + tutor: '이재용', + tutorImg: '', + term: '2021.07.01 ~ 2021.12.31', + time: '매주 화, 목 19:00 ~ 21:00', + description: [ + { + title: '수업소개', + content: '이 코스는 정보처리기사 실기에 대한 완전정복을 목표로 합니다.', + }, + { + title: '커리큘럼', + content: + '1. 데이터베이스\n2. 소프트웨어 공학\n3. 운영체제\n4. 네트워크\n5. 데이터통신\n6. 전자계산기\n7. 알고리즘\n8. 프로그래밍 언어\n9. 시스템 소프트웨어\n10. 정보시스템 개발 관리', + }, + { + title: '이런 사람이 들으면 좋아요', + content: '정보처리기사 실기에 관심이 많은 사람', + }, + ], + }; + + return ( + <> + + +
+ {lectureData.description.map((section) => ( +
+

{section.title}

+

{section.content}

+
+ ))} +
+ +
+ + ); +} diff --git a/frontend/src/pages/LectureInfo/LectureInfoPage.module.css b/frontend/src/pages/LectureInfo/LectureInfoPage.module.css new file mode 100644 index 0000000..7a04754 --- /dev/null +++ b/frontend/src/pages/LectureInfo/LectureInfoPage.module.css @@ -0,0 +1,21 @@ +.group { + display: flex; + flex-direction: column; + gap: 10px; + margin-bottom: 40px; + + & > h2 { + font-size: 24px; + line-height: 1.2; + font-weight: 700; + margin: 0; + } + + & > p { + white-space: pre-wrap; + font-size: 16px; + line-height: 1.4; + font-weight: 400; + margin: 0; + } +}