관리자 계정 설정, 관리자 페이지 작업1

app/admin_lecture1/page.tsx

@@ -1,8 +1,11 @@
 "use client";
 
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
+import { isAdminLoggedIn } from '../../lib/auth';
+import LoginPage from '../login/page';
 import Close from '../../public/svg/close';
+import Logout from '../../public/svg/logout';
 
 const imgLogo = "http://localhost:3845/assets/89fda8e949171025b1232bae70fc9d442e4e70c8.png";
 const imgArrowDisabled = "http://localhost:3845/assets/6edcb2defc36a2bf4a05a3abe53b8da3d42b2cb4.svg";
@@ -122,6 +125,8 @@ function PaginationBtnMove({ status = "Default", move = "Previous" }: { status?:
 
 export default function AdminLecture1Page() {
     const router = useRouter();
+    const [isLoading, setIsLoading] = useState(true);
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
     const [currentPage, setCurrentPage] = useState(1);
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [courseName, setCourseName] = useState('');
@@ -174,6 +179,24 @@ export default function AdminLecture1Page() {
 
     const instructors = ['김강사', '이강사', '박강사', '최강사'];
 
+    // 관리자 인증 확인
+    useEffect(() => {
+        const checkAuth = () => {
+            if (typeof window !== 'undefined') {
+                const isAdmin = isAdminLoggedIn();
+                setIsAuthenticated(isAdmin);
+                setIsLoading(false);
+
+                if (!isAdmin) {
+                    // 인증되지 않은 경우 로그인 페이지로 리다이렉트
+                    router.push('/login');
+                }
+            }
+        };
+
+        checkAuth();
+    }, [router]);
+
     const handleOpenModal = () => {
         setIsModalOpen(true);
         setCourseName('');
@@ -230,6 +253,14 @@ export default function AdminLecture1Page() {
     const endIndex = startIndex + itemsPerPage;
     const currentCourses = courses.slice(startIndex, endIndex);
 
+    if (isLoading) {
+        return null; // 로딩 중
+    }
+
+    if (!isAuthenticated) {
+        return <LoginPage />;
+    }
+
     return (
         <div className="bg-white relative size-full min-h-screen">
             {/* 사이드바 */}
@@ -239,8 +270,8 @@ export default function AdminLecture1Page() {
                     onClick={() => router.push('/')}
                     className="h-[102px] relative shrink-0 w-[99px] cursor-pointer hover:opacity-80 transition-opacity"
                 >
-                    <div className="absolute inset-0 overflow-hidden pointer-events-none">
-                        <img alt="" className="absolute h-[291.74%] left-[-100%] max-w-none top-[-95.73%] w-[301.18%]" src={imgLogo} />
+                    <div className="absolute inset-0 flex items-center justify-center overflow-hidden pointer-events-none">
+                        <img alt="로고" className="h-full w-full object-contain" src="/logo.svg" />
                     </div>
                 </button>
                 {/* 메뉴 */}
@@ -260,7 +291,10 @@ export default function AdminLecture1Page() {
                                 </p>
                             </div>
                         </button>
-                        <button className="box-border content-stretch flex gap-2 h-[34px] items-center pl-2 pr-2 py-1 relative rounded-lg shrink-0 w-[226px] cursor-pointer hover:bg-gray-50 transition-colors">
+                        <button
+                            onClick={() => router.push('/admin_lecture2')}
+                            className="box-border content-stretch flex gap-2 h-[34px] items-center pl-2 pr-2 py-1 relative rounded-lg shrink-0 w-[226px] cursor-pointer hover:bg-gray-50 transition-colors"
+                        >
                             <div className="basis-0 content-stretch flex gap-2 grow items-center min-h-px min-w-px relative shrink-0 pl-2">
                                 <p className="[white-space-collapse:collapse] basis-0 font-medium grow leading-[1.6] min-h-px min-w-px not-italic overflow-ellipsis overflow-hidden relative shrink-0 text-[14px] text-[#404040] text-left text-nowrap">
                                     강좌 관리
@@ -316,13 +350,14 @@ export default function AdminLecture1Page() {
                     <div className="flex items-center justify-center relative shrink-0">
                         <div className="flex-none rotate-[180deg] scale-y-[-100%]">
                             <div className="h-[23.12px] relative w-[22px]">
-                                <img alt="" className="block max-w-none size-full" src={imgLogout} />
+                                <Logout />
                             </div>
                         </div>
                     </div>
                     <button
                         onClick={() => {
                             localStorage.removeItem('isLoggedIn');
+                            localStorage.removeItem('isAdminLoggedIn');
                             router.push('/');
                         }}
                         className="content-stretch flex h-[36px] items-center justify-between relative shrink-0 w-[76px] cursor-pointer hover:opacity-80 transition-opacity"