컬러

src/components/projectlist/ProjectList.vue

@@ -56,6 +56,7 @@
                     :value="color"
                     :data="colorList"
                     @update:data="color = $event"
+                    :is-alert="colorAlert"
                 />
 
                 <div class="mb-2 row">
@@ -166,9 +167,11 @@
     const endDay = ref('');
     const description = ref('');
     const nameAlert = ref(false);
+    const colorAlert = ref(false);
     const addressAlert = ref(false);
     const startDayAlert = ref(false);
 
+
     const startDateInput = ref(null);
     const endDateInput = ref(null);
 
@@ -319,7 +322,11 @@
         startDayAlert.value = startDay.value.trim() === '';
         addressAlert.value = addressData.value.address.trim() === '';
 
-        if (nameAlert.value || startDayAlert.value || addressAlert.value) {
+        if (!colorList.value || colorList.value.length === 0) {
+            colorAlert.value = true;
+        }
+
+        if (nameAlert.value || startDayAlert.value || addressAlert.value || colorAlert.value)  {
             return;
         }
 

src/components/user/RegisterForm.vue

@@ -427,6 +427,7 @@
             addressAlert.value ||
             phoneAlert.value ||
             phoneErrorAlert.value ||
+            colorAlert.value ||
             colorErrorAlert.value
         ) {
             return;