Step1

frontend/src/views/PatternManage.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="pattern-manage">
+    <h2>패턴 관리</h2>
+    <p>에러 검출 패턴을 관리합니다.</p>
+    
+    <div class="actions">
+      <button class="btn-primary">+ 패턴 추가</button>
+    </div>
+    
+    <div class="pattern-list">
+      <table>
+        <thead>
+          <tr>
+            <th>패턴명</th>
+            <th>정규식</th>
+            <th>심각도</th>
+            <th>컨텍스트</th>
+            <th>활성화</th>
+            <th>액션</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td colspan="6" class="empty">등록된 패턴이 없습니다.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+.pattern-manage h2 { margin-bottom: 1rem; }
+.actions { margin-bottom: 1rem; }
+.btn-primary {
+  padding: 0.5rem 1rem;
+  background: #3498db;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.pattern-list {
+  background: white;
+  border-radius: 8px;
+  padding: 1rem;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+table { width: 100%; border-collapse: collapse; }
+th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #eee; }
+th { background: #f8f9fa; }
+.empty { text-align: center; color: #999; }
+</style>