complete drag and drop. not design...

@@ -247,12 +247,14 @@
 				</v-list-item>
 				</v-list-item>
 			</v-list>
 			</v-list>
 		</v-menu>
 		</v-menu>
-		<input
-			id="file-selector"
-			ref="uploadedfile"
-			type="file"
-			v-on:change="handleFileUpload()"
-		/>
+		<div v-cloak @drop.prevnet="addFile" @dragover.prevent>
+			<input
+				id="file-selector"
+				ref="uploadedfile"
+				type="file"
+				v-on:change="handleFileUpload()"
+			/>
+	</div>
 		<br />
 		<br />
 		<v-btn color="blue" @click="upload_file">upload</v-btn>
 		<v-btn color="blue" @click="upload_file">upload</v-btn>
 		<v-btn bottom color="blue" dark fab fixed right @click="dialog = !dialog">
 		<v-btn bottom color="blue" dark fab fixed right @click="dialog = !dialog">
@@ -360,6 +362,11 @@ export default {
 			this.uploadedfile = this.$refs.uploadedfile.files[0];
 			this.uploadedfile = this.$refs.uploadedfile.files[0];
 			console.log(this.uploadedfile);
 			console.log(this.uploadedfile);
 		},
 		},
+		addFile(event){
+			let droppedFiles = event.dataTransfer.files;
+			if(!droppedFiles) return;
+			console.log(droppedFiles);
+		},
 		initFolderName() {
 		initFolderName() {
 			this.foldername = '';
 			this.foldername = '';
 		},
 		},
@@ -616,6 +623,7 @@ export default {
 					cur: this.cfilename.location,
 					cur: this.cfilename.location,
 					fileName: this.cfilename.file_name
 					fileName: this.cfilename.file_name
 				}
 				}
+				//확장자(txt)로 필터링해서 함수 실행여부 결정할것.
 				const detailData = await detailFile(currentData)
 				const detailData = await detailFile(currentData)
 				this.current_filename = detailData.data.file_name;
 				this.current_filename = detailData.data.file_name;
 				this.current_filedata = detailData.data.content;
 				this.current_filedata = detailData.data.content;