file props,emit 추가

src/components/input/FormFile.vue

@@ -1,13 +1,32 @@
 <template>
     <div class="mb-4 row">
-        <label for="html5-email-input" class="col-md-2 col-form-label"> 첨부파일 </label>
+        <label :for="name" class="col-md-2 col-form-label">{{ title }} </label>
         <div class="col-md-10">
-            <input class="form-control" type="file" id="formFileMultiple" multiple />
+            <input class="form-control" type="file" :id="name" @change="changeHandler" multiple />
         </div>
     </div>
 </template>
 
 <script setup>
+const prop = defineProps({
+    title: {
+        type: String,
+        default: '라벨',
+        required: true,
+    },
+    name: {
+        type: String,
+        default: 'nameplz',
+        required: true,
+    },
+});
+
+const emits = defineEmits(['update:data']);
+
+const changeHandler = (event) => {
+    const files = Array.from(event.target.files);
+    emits('update:data', files);
+};
 </script>
 
 <style>

src/views/board/BoardWrite.vue

@@ -15,7 +15,7 @@
 
                     <FormInput title="비밀번호" name="pw" type="password" :is-essential="true" @update:data="password = $event" />
 
-                    <FormFile />
+                    <FormFile title="첨부파일" name="files" @update:data="attachFiles = $event" />
 
                     <div class="mb-4">
                         <label for="html5-tel-input" class="col-md-2 col-form-label">
@@ -50,6 +50,7 @@ const title = ref('');
 const password = ref('');
 const category = ref('');
 const content = ref('');
+const attachFiles = ref(null);
 </script>
 
 <style>