d86b5851d0
- .agent/, .claude/, .vscode/ 설정 파일 - design/ 디자인 리소스 - reports/, research/ 분석 문서 - testcase/ 테스트 케이스 문서 - db_sync_chandj.bat, sam.code-workspace Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
127 lines
7.0 KiB
HTML
127 lines
7.0 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 36pt;
|
|
}
|
|
p, h1, h2, h3 { margin: 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 헤더 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16pt;">
|
|
<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: 20pt; font-weight: 600; color: #1a1a1a;">Flowchart - 가입 및 로그인</h1>
|
|
</div>
|
|
|
|
<!-- 범례 -->
|
|
<div style="position: absolute; top: 24pt; right: 36pt; display: flex; gap: 16pt;">
|
|
<div style="display: flex; align-items: center; gap: 6pt;">
|
|
<div style="width: 24pt; height: 2pt; background: #95C11F;"></div>
|
|
<p style="font-size: 8pt; color: #666;">Yes</p>
|
|
</div>
|
|
<div style="display: flex; align-items: center; gap: 6pt;">
|
|
<div style="width: 24pt; height: 2pt; background: #ff6666; border-style: dashed;"></div>
|
|
<p style="font-size: 8pt; color: #666;">No</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 플로우차트 -->
|
|
<div style="display: flex; justify-content: space-between; padding-top: 8pt;">
|
|
<!-- 영업사원 -->
|
|
<div style="display: flex; flex-direction: column; align-items: center; width: 140pt;">
|
|
<div style="background: #1a1a1a; padding: 6pt 16pt; margin-bottom: 12pt;">
|
|
<p style="font-size: 9pt; font-weight: 600; color: #ffffff;">영업사원</p>
|
|
</div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; border-radius: 12pt; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">운영 로그인</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">사업자등록번호 입력</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 8pt 10pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 7pt; color: #1a1a1a; text-align: center;">사업자번호</p>
|
|
<p style="font-size: 7pt; color: #1a1a1a; text-align: center;">조회?</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">회사정보 등록</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">가입 신청 완료</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 관리자 -->
|
|
<div style="display: flex; flex-direction: column; align-items: center; width: 140pt;">
|
|
<div style="background: #1a1a1a; padding: 6pt 16pt; margin-bottom: 12pt;">
|
|
<p style="font-size: 9pt; font-weight: 600; color: #ffffff;">관리자</p>
|
|
</div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">자료 확인</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 8pt 10pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 7pt; color: #1a1a1a; text-align: center;">승인?</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">이메일로 URL 발송</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 고객사 -->
|
|
<div style="display: flex; flex-direction: column; align-items: center; width: 140pt;">
|
|
<div style="background: #1a1a1a; padding: 6pt 16pt; margin-bottom: 12pt;">
|
|
<p style="font-size: 9pt; font-weight: 600; color: #ffffff;">고객사</p>
|
|
</div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">약관 동의</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">비밀번호 설정</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; border-radius: 12pt; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">SAM 로그인</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 8pt 10pt; border: 1pt solid #1a1a1a; background: #ffffff;">
|
|
<p style="font-size: 7pt; color: #1a1a1a; text-align: center;">테넌트 추가?</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 매니저 -->
|
|
<div style="display: flex; flex-direction: column; align-items: center; width: 140pt;">
|
|
<div style="background: #FFC107; padding: 6pt 16pt; margin-bottom: 12pt;">
|
|
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;">매니저</p>
|
|
</div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff; margin-bottom: 8pt;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">테넌트 추가 알림</p>
|
|
</div>
|
|
<div style="width: 1pt; height: 8pt; background: #1a1a1a;"></div>
|
|
<div style="padding: 6pt 14pt; border: 1pt solid #1a1a1a; background: #ffffff;">
|
|
<p style="font-size: 8pt; color: #1a1a1a;">사업자등록번호 입력</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|