수정

src/components/calendar/SampleCalendar.vue

@@ -64,7 +64,7 @@ const callApi = (yearArr, monthArr) => {
             params: {
                 solYear: String(yearArr[i]),
                 solMonth: String(monthArr[i]),
-                serviceKey: key1,
+                serviceKey: key2,
             },
         })
         .then(data => {

src/components/input/FormSelect.vue

@@ -6,16 +6,16 @@
         </label>
         <div class="col-md-10">
             <select class="form-select" id="input-ss" v-model="selectData">
-                <option v-for="(item , i) in data" :key="item" :value="i" :selected = 'value == i' >{{ item }}</option>
+                <option v-for="(item , i) in data" :key="item" :value="i" :selected="value == i">{{ item }}</option>
             </select>
         </div>
     </div>
 </template>
 
 <script setup>
-import { ref, watchEffect } from 'vue';
+import { ref, watch } from 'vue';
 
-const prop = defineProps({
+const props = defineProps({
     title: {
         type: String,
         default: '라벨',
@@ -43,14 +43,10 @@ const prop = defineProps({
     },
 });
 
-const emit = defineEmits(['update:data'])
+const emit = defineEmits(['update:data']);
-const selectData = ref(prop.value);
+const selectData = ref(props.value);
-
-watchEffect(() => {
-    emit('update:data',selectData);
-})
 
+watch(selectData, (newValue) => {
+    emit('update:data', newValue);
+});
 </script>
-
-<style>
-</style>

src/views/board/BoardWrite.vue

@@ -13,7 +13,14 @@
 
                     <FormSelect title="카테고리" name="cate" :is-essential="true" :data="categoryList" @update:data="category = $event" />
 
-                    <FormInput title="비밀번호" name="pw" type="password" :is-essential="true" @update:data="password = $event" />
+                    <FormInput
+                        v-show="category == 1"
+                        title="비밀번호"
+                        name="pw"
+                        type="password"
+                        :is-essential="true"
+                        @update:data="password = $event"
+                    />
 
                     <FormFile title="첨부파일" name="files" @update:data="attachFiles = $event" />
 
@@ -22,9 +29,9 @@
                             내용
                             <span class="text-red">*</span>
                         </label>
-                        <div class="col-md-12" >
+                        <div class="col-md-12">
                             <!-- <TEditor @update:data="content = $event"/> -->
-                            <QEditor @update:data="content = $event"/>
+                            <QEditor @update:data="content = $event" />
                         </div>
                     </div>
 
@@ -44,14 +51,14 @@ import TEditor from '@c/editor/TEditor.vue';
 import FormInput from '@c/input/FormInput.vue';
 import FormSelect from '@c/input/FormSelect.vue';
 import FormFile from '@c/input/FormFile.vue';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import router from '@/router';
 
 const categoryList = ['자유', '익명', '공지사항'];
-
+// input 경고문 만들어야함
 const title = ref('');
 const password = ref('');
-const category = ref('');
+const category = ref(0);
 const content = ref('');
 const attachFiles = ref(null);
 
@@ -61,7 +68,7 @@ const goList = () => {
 };
 
 const write = () => {
-    console.log("작성");
+    console.log('작성');
 };
 </script>