Files
sam-hotfix/research/flow-chart/slides/slide-03-menu.html
김보곤 d86b5851d0 chore: 프로젝트 설정 및 문서 파일 추가
- .agent/, .claude/, .vscode/ 설정 파일
- design/ 디자인 리소스
- reports/, research/ 분석 문서
- testcase/ 테스트 케이스 문서
- db_sync_chandj.bat, sam.code-workspace

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-19 19:51:43 +09:00

140 lines
7.1 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 720pt;
height: 405pt;
font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
background: #f5f5f0;
padding: 24pt 48pt;
}
p, h1, h2, h3 { margin: 0; }
</style>
</head>
<body>
<!-- 헤더 -->
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12pt;">
<div style="display: flex; align-items: center; gap: 8pt;">
<div style="width: 18pt; height: 18pt; background: #95C11F; border-radius: 3pt; display: flex; align-items: center; justify-content: center;">
<p style="color: #fff; font-size: 10pt; font-weight: bold;">S</p>
</div>
<p style="font-size: 11pt; font-weight: 600; color: #1a1a1a;">SAM_ERP</p>
</div>
<h1 style="font-size: 24pt; font-weight: 600; color: #1a1a1a;">Menu Structure</h1>
</div>
<!-- 최상위 메뉴 -->
<div style="display: flex; justify-content: center; gap: 24pt; margin-bottom: 16pt;">
<div style="padding: 8pt 20pt; border: 1pt solid #1a1a1a; background: #ffffff;">
<p style="font-size: 10pt; font-weight: 500; color: #1a1a1a;">로그인</p>
</div>
<div style="padding: 8pt 20pt; background: #1a1a1a;">
<p style="font-size: 10pt; font-weight: 500; color: #ffffff;">회원가입</p>
</div>
</div>
<!-- 연결선 -->
<div style="display: flex; justify-content: center; margin-bottom: 16pt;">
<div style="width: 1pt; height: 12pt; background: #1a1a1a;"></div>
</div>
<!-- 메뉴 그룹 -->
<div style="display: flex; justify-content: space-between; gap: 16pt;">
<!-- 운영 -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 2pt;">
<div style="padding: 6pt 16pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;">운영</p>
</div>
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">대시보드</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">기준정보</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">계정정보</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">회사정보</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">구독관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">결제내역</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">고객센터</p>
</div>
</div>
<!-- MES -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 2pt;">
<div style="padding: 6pt 16pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;">MES</p>
</div>
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">판매관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">구매관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">발주관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">생산관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">공사관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">품질관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">자재관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">장비관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">차량관리</p>
</div>
</div>
<!-- ERP -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 2pt;">
<div style="padding: 6pt 16pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;">ERP</p>
</div>
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">인사관리</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">전자결재</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">게시판</p>
</div>
<div style="padding: 4pt 12pt; border: 1pt solid #ccc; background: #ffffff;">
<p style="font-size: 8pt; color: #666;">회계관리</p>
</div>
</div>
<!-- 보고서 및 분석 -->
<div style="display: flex; flex-direction: column; align-items: center; gap: 2pt;">
<div style="padding: 6pt 16pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;">보고서 및 분석</p>
</div>
</div>
</div>
</body>
</html>