Update index.html

index.html

@@ -1483,73 +1483,47 @@
            let componentDetails = [];
            
            // 서비스 비용 계산
-           selectedComponents.service.forEach(serviceId => {
-               const card = document.querySelector(`[data-id="${serviceId}"]`);
-               const cost = parseFloat(card.dataset.cost);
-               const time = parseFloat(card.dataset.time);
-               const resource = parseFloat(card.dataset.resource) || 0;
-               const name = card.querySelector('.option-name').textContent;
-               
-               totalInitialCost += cost;
-               totalResourceCost += resource;
-               maxTime = Math.max(maxTime, time);
-               
-               componentDetails.push({
-                   name: name,
-                   cost: cost,
-                   type: 'service'
-               });
-           });
-           
-           // 기타 구성 요소 비용 계산
-           ['db', 'auth', 'credit', 'payment', 'marketing', 'monitoring'].forEach(category => {
-               if (selectedComponents[category]) {
-                   const card = document.querySelector(`[data-category="${category}"][data-id="${selectedComponents[category]}"]`);
-                   const cost = parseFloat(card.dataset.cost);
-                   const time = parseFloat(card.dataset.time);
-                   const name = card.querySelector('.option-name').textContent;
-                   
-                   totalInitialCost += cost;
-                   maxTime = Math.max(maxTime, time);
-                   
-                   componentDetails.push({
-                       name: name,
-                       cost: cost,
-                       type: category
-                   });
-               }
-           });
-           
-           // 지원 서비스 (월간 비용)
-           let monthlySupport = 0;
-           if (selectedComponents.support) {
-               const card = document.querySelector(`[data-category="support"][data-id="${selectedComponents.support]}"]`);
-               monthlySupport = parseFloat(card.dataset.cost);
-               const name = card.querySelector('.option-name').textContent;
-               
-               componentDetails.push({
-                   name: name,
-                   cost: monthlySupport,
-                   type: 'monthly'
-               });
-           }
-           
-           // 추가 기능 비용 계산
-           selectedComponents.additional.forEach(additionalId => {
-               const card = document.querySelector(`[data-category="additional"][data-id="${additionalId}"]`);
-               const cost = parseFloat(card.dataset.cost);
-               const time = parseFloat(card.dataset.time);
-               const name = card.querySelector('.option-name').textContent;
-               
-               totalInitialCost += cost;
-               maxTime = Math.max(maxTime, time);
-               
-               componentDetails.push({
-                   name: name,
-                   cost: cost,
-                   type: 'additional'
-               });
-           });
+// 서비스 비용 계산 부분을 다음과 같이 수정
+selectedComponents.service.forEach(serviceId => {
+    const card = document.querySelector(`[data-category="service"][data-id="${serviceId}"]`);
+    if (!card) return; // 카드가 없으면 건너뛰기
+    
+    const cost = parseFloat(card.dataset.cost);
+    const time = parseFloat(card.dataset.time);
+    const resource = parseFloat(card.dataset.resource) || 0;
+    const name = card.querySelector('.option-name').textContent;
+    
+    totalInitialCost += cost;
+    totalResourceCost += resource;
+    maxTime = Math.max(maxTime, time);
+    
+    componentDetails.push({
+        name: name,
+        cost: cost,
+        type: 'service'
+    });
+});
+
+// 추가 기능 비용 계산 부분도 동일하게 수정
+selectedComponents.additional.forEach(additionalId => {
+    const card = document.querySelector(`[data-category="additional"][data-id="${additionalId}"]`);
+    if (!card) return; // 카드가 없으면 건너뛰기
+    
+    const cost = parseFloat(card.dataset.cost);
+    const time = parseFloat(card.dataset.time);
+    const name = card.querySelector('.option-name').textContent;
+    
+    totalInitialCost += cost;
+    maxTime = Math.max(maxTime, time);
+    
+    componentDetails.push({
+        name: name,
+        cost: cost,
+        type: 'additional'
+    });
+});
+
+
            
            // 월간 운영 비용 계산
            const serverCost = totalInitialCost > 100 ? 5 : totalInitialCost > 50 ? 3 : totalInitialCost > 20 ? 2 : 1;