MWD / 2020-02-OSS-TermProject

Go to a project
Toggle navigation Toggle navigation pinning
이재호
3ae8aec7 1 parent 8eaba44b

add block submission

Inline Side-by-side
Showing 2 changed files with 112 additions and 91 deletions
...@@ -14,7 +14,8 @@ router.get('/data', function(req, res, next){ ...@@ -14,7 +14,8 @@ router.get('/data', function(req, res, next){
14 14
15 data = { 15 data = {
16 image : "/images/"+id+".jpg", 16 image : "/images/"+id+".jpg",
17 - audio : "/audios/"+id+".mp3" 17 + audio : "/audios/"+id+".mp3",
18 + id : id
18 } 19 }
19 //데이터 확인 20 //데이터 확인
20 console.log(data); 21 console.log(data);
......
...@@ -9,97 +9,7 @@ ...@@ -9,97 +9,7 @@
9 <link rel='stylesheet' href='/stylesheets/style.css' /> 9 <link rel='stylesheet' href='/stylesheets/style.css' />
10 <!-- Jquery를 불러온다 --> 10 <!-- Jquery를 불러온다 -->
11 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 11 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
12 - <script>
13 - var place = prompt("위치를 입력해 주세요. ex) 전자정보대학", ""); //위치 정보를 입력 받는다.
14 - alert(place + '(으)로 설정되었습니다.');
15 - var fileName = place + '.txt'; // 위치를 파일 이름으로 쓰기 위함.
16 -
17 - var nameArr = []; // 이름을 저장할 배열
18 - var numArr = []; // 전화번호를 저장할 배열
19 - var idArr = []; // 신분을 저장할 배열
20 - var dayTimeArr = []; // 날짜와 시간을 저장할 배열
21 -
22 - function checkInput() // 입력값이 공백이니 아닌지 확인
23 - {
24 - if(document.getElementById('name').value == "" || document.getElementById('number').value == "")
25 - {
26 - alert("이름과 전화번호를 정확히 기입해 주세요.");
27 - clear();
28 - return;
29 - }
30 - getInfo();
31 - };
32 - function checkName() // 올바른 이름 형태인지 확인
33 - {
34 - var name = document.getElementById('name').value;
35 - var regex = /^[가-힣]{2,4}|[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$/;
36 - if (!(regex.test(name)))
37 - {
38 - alert("이름을 정확히 입력해 주세요.");
39 - document.getElementById('name').value = "";
40 - }
41 - };
42 -
43 - function checkNumber() // 올바른 전화번호 형태인지 확인
44 - {
45 - var number = document.getElementById('number').value;
46 - var regex = /^\d{3}-\d{4}-\d{4}$/;
47 - if (!(regex.test(number)))
48 - {
49 - alert("010-XXXX-XXXX 형식에 맞게 입력해 주세요.");
50 - document.getElementById('number').value = "";
51 - }
52 -
53 - };
54 12
55 - function getDayTime() // 날짜와 시간을 구해주는 함수
56 - {
57 - var today = new Date();
58 - var day = today.toLocaleDateString(); //년도.월.날짜
59 - var time = today.toLocaleTimeString(); //시:분:초
60 - return (day + ' ' + time);
61 - };
62 -
63 - function clear() // 데이터 제출 시 input box를 초기화 시킨다.
64 - {
65 - document.getElementById('name').value = "";
66 - document.getElementById('number').value = "";
67 - };
68 -
69 - function getInfo() // 입력받은 데이터를 배열에 저장한다.
70 - {
71 - var temp_name = document.getElementById('name').value;
72 - var temp_num = document.getElementById('number').value;
73 - var id_index = document.getElementById('identity');
74 - var temp_id = id_index.options[id_index.selectedIndex].value;
75 - var dateTime = getDayTime();
76 - nameArr.push(temp_name);
77 - console.log(nameArr);
78 - numArr.push(temp_num);
79 - console.log(numArr);
80 - idArr.push(temp_id);
81 - console.log(idArr);
82 - dayTimeArr.push(dateTime);
83 - console.log(dayTimeArr);
84 - clear();
85 -
86 - };
87 -
88 - function save() // 배열에 저장한 데이터를 가공해 json파일의 형태로 만들고, 다운로드 링크를 생성한다.
89 - {
90 - var obj = new Object();
91 - for (var i = 0; i< nameArr.length; i++)
92 - {
93 - obj[nameArr[i]] = {"전화번호": numArr[i], "신분": idArr[i], "일시": dayTimeArr[i]};
94 - }
95 - var obj_s = JSON.stringify(obj, null, "\t"); //json text화 시키기.
96 - var dataUri = "data:application/json;charset=utf-8,"+ encodeURIComponent(obj_s);// 파일 링크 생성
97 - var link = $("#link").attr("href", dataUri);
98 - console.log('Save Complete');
99 - document.getElementById('link').setAttribute('download', fileName); // 다운로드 전 파일 이름을 변경해준다.
100 - };
101 -
102 - </script>
103 </head> 13 </head>
104 <body> 14 <body>
105 <!-- header --> 15 <!-- header -->
...@@ -256,6 +166,7 @@ ...@@ -256,6 +166,7 @@
256 166
257 //받아온 json데이터를 처리한다 167 //받아온 json데이터를 처리한다
258 process_json(result); 168 process_json(result);
169 + getId(result);
259 } 170 }
260 }); 171 });
261 }) 172 })
...@@ -279,6 +190,115 @@ ...@@ -279,6 +190,115 @@
279 $('#check_audio').html(audioName); 190 $('#check_audio').html(audioName);
280 } 191 }
281 192
193 + var place = prompt("위치를 입력해 주세요. ex) 전자정보대학", ""); //위치 정보를 입력 받는다.
194 + alert(place + '(으)로 설정되었습니다.');
195 + var fileName = place + '.txt'; // 위치를 파일 이름으로 쓰기 위함.
196 +
197 + var nameArr = []; // 이름을 저장할 배열
198 + var numArr = []; // 전화번호를 저장할 배열
199 + var idArr = []; // 신분을 저장할 배열
200 + var dayTimeArr = []; // 날짜와 시간을 저장할 배열
201 +
202 + function checkInput() // 입력값이 공백이니 아닌지 확인
203 + {
204 + if(document.getElementById('name').value == "" || document.getElementById('number').value == "")
205 + {
206 + alert("이름과 전화번호를 정확히 기입해 주세요.");
207 + clear();
208 + return;
209 + }
210 + getInfo();
211 + };
212 + function checkName() // 올바른 이름 형태인지 확인
213 + {
214 + var name = document.getElementById('name').value;
215 + var regex = /^[가-힣]{2,4}|[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$/;
216 + if (!(regex.test(name)))
217 + {
218 + alert("이름을 정확히 입력해 주세요.");
219 + document.getElementById('name').value = "";
220 + }
221 + };
222 +
223 + function checkNumber() // 올바른 전화번호 형태인지 확인
224 + {
225 + var number = document.getElementById('number').value;
226 + var regex = /^\d{3}-\d{4}-\d{4}$/;
227 + if (!(regex.test(number)))
228 + {
229 + alert("010-XXXX-XXXX 형식에 맞게 입력해 주세요.");
230 + document.getElementById('number').value = "";
231 + }
232 +
233 + };
234 +
235 + function getDayTime() // 날짜와 시간을 구해주는 함수
236 + {
237 + var today = new Date();
238 + var day = today.toLocaleDateString(); //년도.월.날짜
239 + var time = today.toLocaleTimeString(); //시:분:초
240 + return (day + ' ' + time);
241 + };
242 +
243 + function clear() // 데이터 제출 시 input box를 초기화 시킨다.
244 + {
245 + document.getElementById('name').value = "";
246 + document.getElementById('number').value = "";
247 + };
248 +
249 + var id = 0; // 인적 사항 제출 가능 여부를 결정할 마스크 착용 상태
250 + function getId(result) // 마스크를 정확히 착용하지 않으면 인적 사항을 제출할 수 없다.
251 + {
252 + if(result.id != 1)
253 + {
254 + id = 0;
255 + }
256 + else
257 + {
258 + id = 1;
259 + }
260 + };
261 +
262 + function getInfo() // 입력받은 데이터를 배열에 저장한다.
263 + {
264 + if(id != 1)
265 + {
266 + var temp_name = document.getElementById('name').value;
267 + var temp_num = document.getElementById('number').value;
268 + var id_index = document.getElementById('identity');
269 + var temp_id = id_index.options[id_index.selectedIndex].value;
270 + var dateTime = getDayTime();
271 + nameArr.push(temp_name);
272 + console.log(nameArr);
273 + numArr.push(temp_num);
274 + console.log(numArr);
275 + idArr.push(temp_id);
276 + console.log(idArr);
277 + dayTimeArr.push(dateTime);
278 + console.log(dayTimeArr);
279 + }
280 +
281 + else
282 + {
283 + alert("마스크를 정확히 착용해야 제출할 수 있습니다.");
284 + }
285 + clear();
286 + };
287 +
288 + function save() // 배열에 저장한 데이터를 가공해 json파일의 형태로 만들고, 다운로드 링크를 생성한다.
289 + {
290 + var obj = new Object();
291 + for (var i = 0; i< nameArr.length; i++)
292 + {
293 + obj[nameArr[i]] = {"전화번호": numArr[i], "신분": idArr[i], "일시": dayTimeArr[i]};
294 + }
295 + var obj_s = JSON.stringify(obj, null, "\t"); //json text화 시키기.
296 + var dataUri = "data:application/json;charset=utf-8,"+ encodeURIComponent(obj_s);// 파일 링크 생성
297 + var link = $("#link").attr("href", dataUri);
298 + console.log('Save Complete');
299 + document.getElementById('link').setAttribute('download', fileName); // 다운로드 전 파일 이름을 변경해준다.
300 + };
301 +
282 </script> 302 </script>
283 </body> 303 </body>
284 </html> 304 </html>
...\ No newline at end of file ...\ No newline at end of file
......