+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/courses/page.tsx b/src/app/admin/courses/page.tsx
index 982cbad..bd8b1e6 100644
--- a/src/app/admin/courses/page.tsx
+++ b/src/app/admin/courses/page.tsx
@@ -84,14 +84,14 @@ export default function AdminCoursesPage() {
diff --git a/src/app/admin/courses/page.tsx b/src/app/admin/courses/page.tsx
index 982cbad..bd8b1e6 100644
--- a/src/app/admin/courses/page.tsx
+++ b/src/app/admin/courses/page.tsx
@@ -84,14 +84,14 @@ export default function AdminCoursesPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/id/page.tsx b/src/app/admin/id/page.tsx
index 174ef16..8733817 100644
--- a/src/app/admin/id/page.tsx
+++ b/src/app/admin/id/page.tsx
@@ -157,15 +157,15 @@ export default function AdminIdPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/lessons/page.tsx b/src/app/admin/lessons/page.tsx
index d55b7da..e43b52d 100644
--- a/src/app/admin/lessons/page.tsx
+++ b/src/app/admin/lessons/page.tsx
@@ -5,6 +5,7 @@ import AdminSidebar from "@/app/components/AdminSidebar";
import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
import DropdownIcon from "@/app/svgs/dropdownicon";
import BackArrowSvg from "@/app/svgs/backarrow";
+import { MOCK_COURSES } from "@/app/admin/courses/mockData";
export default function AdminLessonsPage() {
// TODO: 나중에 실제 데이터로 교체
@@ -31,12 +32,13 @@ export default function AdminLessonsPage() {
return items.slice(startIndex, endIndex);
}, [items, currentPage]);
- // TODO: 나중에 실제 데이터로 교체
- const courseOptions = [
- { id: "1", name: "교육과정 1" },
- { id: "2", name: "교육과정 2" },
- { id: "3", name: "교육과정 3" },
- ];
+ // 교육과정 옵션 - mockData에서 가져오기
+ const courseOptions = useMemo(() =>
+ MOCK_COURSES.map(course => ({
+ id: course.id,
+ name: course.courseName
+ }))
+ , []);
// 외부 클릭 시 드롭다운 닫기
useEffect(() => {
@@ -76,19 +78,19 @@ export default function AdminLessonsPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{isRegistrationMode ? (
/* 등록 모드 */
{/* 헤더 */}
-
+
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/id/page.tsx b/src/app/admin/id/page.tsx
index 174ef16..8733817 100644
--- a/src/app/admin/id/page.tsx
+++ b/src/app/admin/id/page.tsx
@@ -157,15 +157,15 @@ export default function AdminIdPage() {
diff --git a/src/app/admin/id/page.tsx b/src/app/admin/id/page.tsx
index 174ef16..8733817 100644
--- a/src/app/admin/id/page.tsx
+++ b/src/app/admin/id/page.tsx
@@ -157,15 +157,15 @@ export default function AdminIdPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/lessons/page.tsx b/src/app/admin/lessons/page.tsx
index d55b7da..e43b52d 100644
--- a/src/app/admin/lessons/page.tsx
+++ b/src/app/admin/lessons/page.tsx
@@ -5,6 +5,7 @@ import AdminSidebar from "@/app/components/AdminSidebar";
import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
import DropdownIcon from "@/app/svgs/dropdownicon";
import BackArrowSvg from "@/app/svgs/backarrow";
+import { MOCK_COURSES } from "@/app/admin/courses/mockData";
export default function AdminLessonsPage() {
// TODO: 나중에 실제 데이터로 교체
@@ -31,12 +32,13 @@ export default function AdminLessonsPage() {
return items.slice(startIndex, endIndex);
}, [items, currentPage]);
- // TODO: 나중에 실제 데이터로 교체
- const courseOptions = [
- { id: "1", name: "교육과정 1" },
- { id: "2", name: "교육과정 2" },
- { id: "3", name: "교육과정 3" },
- ];
+ // 교육과정 옵션 - mockData에서 가져오기
+ const courseOptions = useMemo(() =>
+ MOCK_COURSES.map(course => ({
+ id: course.id,
+ name: course.courseName
+ }))
+ , []);
// 외부 클릭 시 드롭다운 닫기
useEffect(() => {
@@ -76,19 +78,19 @@ export default function AdminLessonsPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{isRegistrationMode ? (
/* 등록 모드 */
{/* 헤더 */}
-
+
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{/* 제목 영역 */}
diff --git a/src/app/admin/lessons/page.tsx b/src/app/admin/lessons/page.tsx
index d55b7da..e43b52d 100644
--- a/src/app/admin/lessons/page.tsx
+++ b/src/app/admin/lessons/page.tsx
@@ -5,6 +5,7 @@ import AdminSidebar from "@/app/components/AdminSidebar";
import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
import DropdownIcon from "@/app/svgs/dropdownicon";
import BackArrowSvg from "@/app/svgs/backarrow";
+import { MOCK_COURSES } from "@/app/admin/courses/mockData";
export default function AdminLessonsPage() {
// TODO: 나중에 실제 데이터로 교체
@@ -31,12 +32,13 @@ export default function AdminLessonsPage() {
return items.slice(startIndex, endIndex);
}, [items, currentPage]);
- // TODO: 나중에 실제 데이터로 교체
- const courseOptions = [
- { id: "1", name: "교육과정 1" },
- { id: "2", name: "교육과정 2" },
- { id: "3", name: "교육과정 3" },
- ];
+ // 교육과정 옵션 - mockData에서 가져오기
+ const courseOptions = useMemo(() =>
+ MOCK_COURSES.map(course => ({
+ id: course.id,
+ name: course.courseName
+ }))
+ , []);
// 외부 클릭 시 드롭다운 닫기
useEffect(() => {
@@ -76,19 +78,19 @@ export default function AdminLessonsPage() {
diff --git a/src/app/admin/lessons/page.tsx b/src/app/admin/lessons/page.tsx
index d55b7da..e43b52d 100644
--- a/src/app/admin/lessons/page.tsx
+++ b/src/app/admin/lessons/page.tsx
@@ -5,6 +5,7 @@ import AdminSidebar from "@/app/components/AdminSidebar";
import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
import DropdownIcon from "@/app/svgs/dropdownicon";
import BackArrowSvg from "@/app/svgs/backarrow";
+import { MOCK_COURSES } from "@/app/admin/courses/mockData";
export default function AdminLessonsPage() {
// TODO: 나중에 실제 데이터로 교체
@@ -31,12 +32,13 @@ export default function AdminLessonsPage() {
return items.slice(startIndex, endIndex);
}, [items, currentPage]);
- // TODO: 나중에 실제 데이터로 교체
- const courseOptions = [
- { id: "1", name: "교육과정 1" },
- { id: "2", name: "교육과정 2" },
- { id: "3", name: "교육과정 3" },
- ];
+ // 교육과정 옵션 - mockData에서 가져오기
+ const courseOptions = useMemo(() =>
+ MOCK_COURSES.map(course => ({
+ id: course.id,
+ name: course.courseName
+ }))
+ , []);
// 외부 클릭 시 드롭다운 닫기
useEffect(() => {
@@ -76,19 +78,19 @@ export default function AdminLessonsPage() {
{/* 메인 레이아웃 */}
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{isRegistrationMode ? (
/* 등록 모드 */
{/* 헤더 */}
-
+
-
+
{/* 사이드바 */}
-
+
{/* 메인 콘텐츠 */}
-
-
+
+
{isRegistrationMode ? (
/* 등록 모드 */
{/* 헤더 */}
-
+