Update index.html

index.html

@@ -846,7 +846,7 @@
                 <div class="component-section">
                     <div class="component-title">
                         <div class="component-icon">🎯</div>
-                        <span>타깃 서비스 유형 (필수)</span>
+                        <span>타깃 서비스 유형 (필수, 복수 선택 가능)</span>
                     </div>
                     <div class="component-options">
                         <div class="option-card" data-category="service" data-id="image-gen" data-cost="30" data-time="2">
@@ -1101,7 +1101,7 @@
                 <div class="component-section">
                     <div class="component-title">
                         <div class="component-icon">🔧</div>
-                        <span>추가 기능</span>
+                        <span>추가 기능 (복수 선택 가능)</span>
                     </div>
                     <div class="component-options">
                         <div class="option-card" data-category="additional" data-id="admin-panel" data-cost="10" data-time="0.5">
@@ -1234,22 +1234,51 @@
                     const time = parseFloat(this.dataset.time);
                     const name = this.querySelector('.option-name').textContent;
 
-                    // 같은 카테고리의 다른 선택 제거
-                    document.querySelectorAll(`.option-card[data-category="${category}"]`).forEach(c => {
-                        c.classList.remove('selected');
-                    });
-
-                    // 현재 카드 선택
-                    this.classList.add('selected');
-
-                    // 선택 정보 저장
-                    selectedComponents[category] = {
-                        id: id,
-                        name: name,
-                        cost: cost,
-                        time: time,
-                        category: category
-                    };
+                    // 복수 선택 가능한 카테고리
+                    const multiSelectCategories = ['service', 'additional'];
+
+                    if (multiSelectCategories.includes(category)) {
+                        // 복수 선택 처리
+                        if (!selectedComponents[category]) {
+                            selectedComponents[category] = {};
+                        }
+
+                        if (this.classList.contains('selected')) {
+                            // 이미 선택된 경우 해제
+                            this.classList.remove('selected');
+                            delete selectedComponents[category][id];
+                            
+                            // 카테고리에 선택된 항목이 없으면 카테고리 삭제
+                            if (Object.keys(selectedComponents[category]).length === 0) {
+                                delete selectedComponents[category];
+                            }
+                        } else {
+                            // 선택 추가
+                            this.classList.add('selected');
+                            selectedComponents[category][id] = {
+                                id: id,
+                                name: name,
+                                cost: cost,
+                                time: time,
+                                category: category
+                            };
+                        }
+                    } else {
+                        // 단일 선택 처리 (기존 로직)
+                        document.querySelectorAll(`.option-card[data-category="${category}"]`).forEach(c => {
+                            c.classList.remove('selected');
+                        });
+
+                        this.classList.add('selected');
+
+                        selectedComponents[category] = {
+                            id: id,
+                            name: name,
+                            cost: cost,
+                            time: time,
+                            category: category
+                        };
+                    }
                 });
             });
         });
@@ -1269,9 +1298,9 @@
 
         // 맞춤 비용 계산 함수
         function calculateCustomCost() {
-            // 필수 항목 체크
-            if (!selectedComponents.service) {
-                alert('타깃 서비스 유형을 선택해주세요.');
+            // 필수 항목 체크 (타깃 서비스 최소 1개)
+            if (!selectedComponents.service || Object.keys(selectedComponents.service).length === 0) {
+                alert('타깃 서비스 유형을 최소 1개 이상 선택해주세요.');
                 return;
             }