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>
89 lines
5.6 KiB
HTML
89 lines
5.6 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: 32pt 48pt;
|
|
}
|
|
p, h1, h2, h3 { margin: 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 헤더 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20pt;">
|
|
<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;">Interaction</h1>
|
|
</div>
|
|
|
|
<!-- 테이블 헤더 -->
|
|
<div style="display: flex; background: #95C11F; padding: 8pt 12pt; margin-bottom: 2pt;">
|
|
<p style="width: 80pt; font-size: 9pt; font-weight: 600; color: #ffffff; text-align: center;">Type</p>
|
|
<p style="width: 60pt; font-size: 9pt; font-weight: 600; color: #ffffff; text-align: center;">Gesture</p>
|
|
<p style="flex: 1; font-size: 9pt; font-weight: 600; color: #ffffff;">Description</p>
|
|
<p style="width: 40pt; font-size: 9pt; font-weight: 600; color: #ffffff; text-align: center;">Apply</p>
|
|
</div>
|
|
|
|
<!-- 데이터 행들 -->
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Tap</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">👆</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">일정영역을 사용자가 터치합니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #95C11F; text-align: center; font-weight: 600;">Yes</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Touch & Hold</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">👆</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">화면을 터치한 후 계속 누르고 있는 상태입니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #999; text-align: center;">No</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Double Tap</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">👆👆</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">일정영역을 두 번 터치합니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #999; text-align: center;">No</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Drag & Drop</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">↔</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">터치 혹은 홀드 상태에서 오브젝트를 이동하여 원하는 위치에 배치시킵니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #95C11F; text-align: center; font-weight: 600;">Yes</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Scroll Up/Down</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">↑↓</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">위아래로 누르는 동작을 유지하면서 이동하였다가 뗍니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #95C11F; text-align: center; font-weight: 600;">Yes</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Swipe Left/Right</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">←→</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">좌우로 누르는 동작을 유지하면서 이동하였다가 뗍니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #95C11F; text-align: center; font-weight: 600;">Yes</p>
|
|
</div>
|
|
|
|
<div style="display: flex; padding: 5pt 12pt; border-bottom: 1pt solid #e0e0e0; background: #ffffff; align-items: center;">
|
|
<p style="width: 80pt; font-size: 8pt; font-weight: 600; color: #1a1a1a; text-align: center;">Pinch Zoom</p>
|
|
<p style="width: 60pt; font-size: 14pt; text-align: center;">🤏</p>
|
|
<p style="flex: 1; font-size: 8pt; color: #666;">오브젝트 또는 화면을 확대/축소합니다.</p>
|
|
<p style="width: 40pt; font-size: 8pt; color: #95C11F; text-align: center; font-weight: 600;">Yes</p>
|
|
</div>
|
|
</body>
|
|
</html>
|