feat : seminar detail review 컴포넌트 생성 #19

src/components/seminar/seminarDetail/review/SeminalDetailReviewDetail.tsx

@@ -0,0 +1,24 @@
+import { SeminarReview } from '@/interfaces/seminar/seminarReview';
+import React from 'react';
+
+/**
+ * @description
+ * 세미나 상세 페이지 리뷰 디테일 컴포넌트
+ * @component SeminarDetailReviewDetail
+ * @returns {JSX.Element} SeminarDetailReviewDetail
+ * @since 2024.04.18
+ */
+/**
+ * Renders the header component for the recruitment section.
+ * @returns The rendered header component.
+ */
+const SeminarDetailReviewDetail = ({ data }: { data: SeminarReview }) => {
+
+  return (
+    <div className="w-full flex flex-col p-5 bg-zinc-900 rounded-lg"> 
+    <p className='text-md'>사람 이름</p>
+    <p className='mt-2 text-sm'>리뷰 내용</p>
+  </div>
+  );
+};
+export default SeminarDetailReviewDetail;

src/components/seminar/seminarDetail/review/SeminarDetailReview.tsx

@@ -0,0 +1,32 @@
+import { SEMINAR_REVIEW } from '@/constants/seminar/seminarReviewData';
+import React from 'react';
+import SeminarDetailReviewDetail from './SeminalDetailReviewDetail';
+
+/**
+ * @description
+ * 세미나 상세 페이지 리뷰 컴포넌트
+ * @component SeminarDetailReview
+ * @returns {JSX.Element} SeminarDetailReivew
+ * @since 2024.04.18
+ */
+/**
+ * Renders the header component for the recruitment section.
+ * @returns The rendered header component.
+ */
+const SeminarDetailReview = () => {
+
+  return (
+    <div className="mt-20 w-full flex-col justify-center gap-[1rem] inline-flex min-h-fit relative"> 
+    <p className="text-5xl font-normal leading-[3rem] tracking-wide">
+      Review
+    </p>
+    <p className="w-full border border-solid text-zinc-500 h-0"/>
+    {SEMINAR_REVIEW.map((review) => (
+        <SeminarDetailReviewDetail 
+        key={`${review.id}_review`} 
+        data={review}/>
+        ))}
+  </div>
+  );
+};
+export default SeminarDetailReview;

src/constants/seminar/seminarReviewData.ts

@@ -0,0 +1,59 @@
+import { SeminarReview } from "@/interfaces/seminar/seminarReview";
+
+export const SEMINAR_REVIEW: SeminarReview[] = [
+    {
+        id: 1,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 2,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 3,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 4,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 5,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 6,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 7,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 8,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 9,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 10,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+    {
+        id: 11,
+        author: '사람 이름',
+        content: '리뷰 내용~ \n 리뷰 내용~'
+    },
+  ];

src/interfaces/seminar/seminarReview.ts

@@ -0,0 +1,6 @@
+export interface SeminarReview {
+    id: number;
+    author: string;
+    content: string;
+}
+