9998d9df96
- 헤더를 fixed로 변경하고 z-index를 200으로 높여 사이드바와 겹침 방지 - 대시보드에서 빠른 작업 섹션 제거 (사이드바로 대체) - 모든 템플릿(4개)에 사이드바 네비게이션 추가 - 템플릿 README에 사이드바 설명 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
105 lines
3.2 KiB
HTML
105 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>대시보드 | 테크니컬코리아</title>
|
||
|
||
<!-- 모던 디자인 시스템 -->
|
||
<link rel="stylesheet" href="/css/design-system.css">
|
||
<link rel="stylesheet" href="/css/modern-dashboard.css">
|
||
<link rel="icon" type="image/png" href="/img/favicon.png">
|
||
|
||
<!-- 필수 스크립트 (순서 중요) -->
|
||
<script type="module" src="/js/api-config.js"></script>
|
||
<script type="module" src="/js/auth-check.js" defer></script>
|
||
<script type="module" src="/js/load-navbar.js"></script>
|
||
<script type="module" src="/js/load-sidebar.js"></script>
|
||
|
||
<!-- 페이지별 스크립트 추가 -->
|
||
<!-- <script type="module" src="/js/your-page.js" defer></script> -->
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 사이드바 네비게이션 (자동 로드됨) -->
|
||
<div id="sidebar-container"></div>
|
||
|
||
<!-- 메인 컨테이너 -->
|
||
<div class="dashboard-container">
|
||
|
||
<!-- 네비게이션 헤더 (자동 로드됨) -->
|
||
<div id="navbar-container"></div>
|
||
|
||
<!-- 메인 콘텐츠 -->
|
||
<main class="dashboard-main">
|
||
|
||
<!-- 빠른 작업 섹션 (선택사항) -->
|
||
<section class="quick-actions-section">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h2 class="card-title">⚡ 빠른 작업</h2>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="quick-actions-grid-full">
|
||
<!-- 빠른 작업 카드들 추가 -->
|
||
<a href="#" class="quick-action-card">
|
||
<div class="action-icon-large">📝</div>
|
||
<div class="action-content">
|
||
<h3>작업 제목</h3>
|
||
<p>작업 설명</p>
|
||
</div>
|
||
<div class="action-arrow">→</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 주요 콘텐츠 섹션 -->
|
||
<section class="content-section">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<div class="flex justify-between items-center">
|
||
<h2 class="card-title">📊 콘텐츠 제목</h2>
|
||
<!-- 헤더 액션 버튼들 -->
|
||
<div class="header-actions">
|
||
<button class="btn btn-primary btn-sm">
|
||
<span>➕</span>
|
||
추가
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<!-- 메인 콘텐츠 영역 -->
|
||
<p>여기에 페이지 콘텐츠를 추가하세요.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<!-- 푸터 -->
|
||
<footer class="dashboard-footer">
|
||
<div class="footer-content">
|
||
<p class="footer-text">
|
||
© 2025 (주)테크니컬코리아. 모든 권리 보유.
|
||
</p>
|
||
<div class="footer-links">
|
||
<a href="#" class="footer-link">도움말</a>
|
||
<a href="#" class="footer-link">문의하기</a>
|
||
<a href="#" class="footer-link">개인정보처리방침</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<!-- 알림 토스트 (선택사항) -->
|
||
<div class="toast-container" id="toastContainer"></div>
|
||
|
||
</body>
|
||
|
||
</html>
|