23570d3ee9
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
75 lines
5.0 KiB
HTML
75 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }
|
|
body { width: 960px; height: 540px; background: #f8fafc; overflow: hidden; position: relative; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="background: #0f172a; padding: 16px 40px;">
|
|
<p style="white-space: nowrap; font-size: 20px; font-weight: 700; color: #ffffff;">멀티테넌시 — 하나의 플랫폼, 다수의 기업</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">tenant_id 기반 데이터 격리로 안전하게 다수 기업을 서비스</p>
|
|
</div>
|
|
|
|
<div style="padding: 16px 40px 0 40px;">
|
|
<div style="background: #0f172a; border-radius: 12px; padding: 16px 20px; margin-bottom: 16px;">
|
|
<div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px;">
|
|
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">A 기업 (경동)</p>
|
|
</div>
|
|
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">B 기업 (주일)</p>
|
|
</div>
|
|
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">C 기업 (금속)</p>
|
|
</div>
|
|
<div style="flex: 1; background: #1e3a5f; border: 1px solid #2563eb; border-radius: 8px; padding: 10px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 11px; font-weight: 700; color: #93c5fd;">D 기업 (식품)</p>
|
|
</div>
|
|
</div>
|
|
<p style="white-space: nowrap; font-size: 14px; color: #6366f1; text-align: center; font-weight: 700; margin-bottom: 8px;">▼ ▼ ▼ ▼</p>
|
|
<div style="background: #312e81; border: 2px solid #6366f1; border-radius: 12px; padding: 14px 20px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 16px; font-weight: 800; color: #ffffff;">SAM 플랫폼</p>
|
|
<div style="display: flex; gap: 20px; justify-content: center; margin-top: 6px;">
|
|
<p style="white-space: nowrap; font-size: 11px; color: #a5b4fc;">공유: 코드 100%</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #fbbf24;">격리: 데이터 100%</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #6ee7b7;">기반: tenant_id</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex; gap: 12px;">
|
|
<div style="flex: 1; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 14px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
|
<div style="width: 22px; height: 22px; background: #059669; border-radius: 50%;"></div>
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #065f46;">비용 절감</p>
|
|
</div>
|
|
<p style="font-size: 10px; color: #047857; line-height: 1.5;">하나의 코드베이스로 N개 기업 서비스. 기업이 늘어도 개발비 동일.</p>
|
|
</div>
|
|
<div style="flex: 1; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 10px; padding: 14px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
|
<div style="width: 22px; height: 22px; background: #2563eb; border-radius: 50%;"></div>
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #1e40af;">즉시 입주</p>
|
|
</div>
|
|
<p style="font-size: 10px; color: #1d4ed8; line-height: 1.5;">tenant_id 발급 + 기본 설정. 별도 개발 없이 수일 내 사용.</p>
|
|
</div>
|
|
<div style="flex: 1; background: #faf5ff; border: 1px solid #e9d5ff; border-radius: 10px; padding: 14px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
|
<div style="width: 22px; height: 22px; background: #7c3aed; border-radius: 50%;"></div>
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 700; color: #5b21b6;">데이터 격리</p>
|
|
</div>
|
|
<p style="font-size: 10px; color: #6d28d9; line-height: 1.5;">모든 쿼리에 tenant_id 자동 적용. A기업과 B기업 데이터 완전 분리.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 12px; left: 40px; right: 40px; display: flex; justify-content: space-between;">
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">SAM 활용방안 | (주)코드브릿지엑스</p>
|
|
<p style="white-space: nowrap; font-size: 9px; color: #94a3b8;">5 / 7</p>
|
|
</div>
|
|
</body>
|
|
</html>
|