차량인식: zoom in 체크박스 추가.

public/app.js

@@ -81,7 +81,7 @@ document.addEventListener('DOMContentLoaded', () => {
           .catch(e => console.error(e));
     }
 
-    const filterBar = document.getElementById('filter-bar');
+const filterBar = document.getElementById('filter-bar');
 
     function updateFilterBar(modelCode) {
         if(!filterBar) return;
@@ -90,6 +90,7 @@ document.addEventListener('DOMContentLoaded', () => {
         const def = MODEL_DEFINITIONS[modelCode];
         if(!def) return;
 
+        // 1. 기본 'All' 체크박스 생성
         const allLabel = document.createElement('label');
         allLabel.className = 'filter-check';
         const allInput = document.createElement('input');
@@ -107,6 +108,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
         const classInputs = [];
 
+        // 2. 모델별 클래스 필터 생성
         def.classes.forEach(cls => {
             const label = document.createElement('label');
             label.className = 'filter-check';
@@ -121,7 +123,6 @@ document.addEventListener('DOMContentLoaded', () => {
 
             // 개별 체크박스 변경 시 로직
             input.addEventListener('change', () => {
-                // 하나라도 꺼지면 All 체크 해제, 모두 켜지면 All 체크
                 const allChecked = classInputs.every(i => i.checked);
                 allInput.checked = allChecked;
                 updateActiveFilters(classInputs);
@@ -135,6 +136,32 @@ document.addEventListener('DOMContentLoaded', () => {
             updateActiveFilters(classInputs);
         });
 
+        // 3. [신규 기능] LPR(차량 인식) 모드일 때만 'Zoom In' 체크박스 추가
+        if (modelCode === 'LPR') {
+            const zoomLabel = document.createElement('label');
+            zoomLabel.className = 'filter-check filter-push-right'; // 우측 정렬 클래스 적용
+
+            const zoomInput = document.createElement('input');
+            zoomInput.type = 'checkbox';
+            zoomInput.id = 'zoom-toggle';
+            zoomInput.checked = false; // 기본값: 선택 안 됨
+
+            // 줌 기능 이벤트 리스너 (필요 시 로직 구현)
+            zoomInput.addEventListener('change', (e) => {
+                if(e.target.checked) {
+                    console.log("Zoom In Activated");
+                    // 여기에 줌 확대 로직 추가
+                } else {
+                    console.log("Zoom In Deactivated");
+                    // 여기에 줌 해제 로직 추가
+                }
+            });
+
+            zoomLabel.appendChild(zoomInput);
+            zoomLabel.append(' Zoom In');
+            filterBar.appendChild(zoomLabel);
+        }
+
         // 초기 필터 상태 반영
         updateActiveFilters(classInputs);
     }
@@ -472,4 +499,6 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     loadModelList();
-});
+});
+
+//2025-12-04 15:41

public/dashboard.html

@@ -216,4 +216,4 @@
 </body>
 </html>
 
-<!--//2025-12-04 15:13-->
+<!--//2025-12-04 15:41-->

public/style.css

@@ -165,6 +165,13 @@ main {
     min-width: 0;
 }
 
+.filter-push-right {
+    margin-left: auto; /* Flex 컨테이너에서 우측 끝으로 밀어냄 */
+    margin-right: 10px;
+    font-weight: bold;
+    color: #ffd700; /* 눈에 띄게 노란색 계열 강조 (선택 사항) */
+}
+
 /* 상단 필터 바 */
 .filter-bar {
     height: 40px; background-color: #444;
@@ -334,4 +341,4 @@ main {
 @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }
 .close-viewer { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; z-index: 2001; }
 
-/*//2025-12-04 15:13*/
+/*//2025-12-04 15:41*/