Showing
10 changed files
with
0 additions
and
332 deletions
Index.html
deleted
100644 → 0
1 | -<!doctype html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title>BUS TT</title> | ||
5 | - <meta charset="utf-8"> | ||
6 | - <style type="text/css"> | ||
7 | - a { text-decoration:none } /* 하이퍼링크 밑줄 미적용 | ||
8 | - a { color:red; text-decoration:none} : 색깔 변화없음 | ||
9 | - */ | ||
10 | - </style> | ||
11 | -</head> | ||
12 | - | ||
13 | -<body> | ||
14 | - <h1><p style="text-align:center;">BTT</p></h1> | ||
15 | - <br> | ||
16 | - <h2> 사색의 광장 Bus Time Table 조회 서비스에 오신 것을 환영합니다.</h2> | ||
17 | - <p> 이곳에는 사색의 광장에서 출발하는 모든 버스의 정보가 있습니다.</p> | ||
18 | - <br><br> | ||
19 | - <h2> 버스별 시간표 조회</h2> | ||
20 | - <p> m월 d일 오늘 운행하는 버스들</p> | ||
21 | - <ul> | ||
22 | - <li><a href="http://localhost:23023/?busNum=5100">5100</a></li> | ||
23 | - <li><a href="http://localhost:23023/?busNum=M5107">M5107</a></li> | ||
24 | - <li><a href="http://localhost:23023/?busNum=9">9</a></li> | ||
25 | - <li><a href="http://localhost:23023/?busNum=7000">7000</a></li> | ||
26 | - <li>etc</li> | ||
27 | - </ul> | ||
28 | - <br> | ||
29 | - <p>설명</p> | ||
30 | - | ||
31 | - | ||
32 | -</body> | ||
33 | -</html> |
Memo.txt
deleted
100644 → 0
OperatingTest/form.html
deleted
100644 → 0
OperatingTest/frame.html
deleted
100644 → 0
1 | -<!doctype html> <!--이 웹페이지가 html로 만들어졌다는 태그--> | ||
2 | -<html> <!--head와 body를 감싸는 태그--> | ||
3 | -<head> <!--본문을 설명하는 태그--> | ||
4 | - <title>webpage frame</title> | ||
5 | - <meta charset="utf-8"> | ||
6 | -</head> | ||
7 | - | ||
8 | -<body> <!--본문에 해당하는 태그--> | ||
9 | - <h1> webpage frame</h1> | ||
10 | - | ||
11 | - <ul> | ||
12 | - <li>목차1</li> | ||
13 | - <li>목차2</li> | ||
14 | - <li>목차3</li> | ||
15 | - </ul> | ||
16 | - | ||
17 | - <p>내용 1</p> | ||
18 | - <p>내용 2</p> | ||
19 | - <!-- target: 새 탭을 여는것--> | ||
20 | - <p><a href = "https://www.google.com/webhp?hl=ko&sa=X&ved=0ahUKEwjzxPrzkOrwAhWsF6YKHTq_CFwQPAgI" target = "_blank" title = "하이퍼링크 설명"> Go to google</a></p> | ||
21 | - <input type="button" value="BUTTON" onclick="alert('alert box')"> | ||
22 | - <input type="text" onchange="alert('changed')"> | ||
23 | - <br> | ||
24 | - <br> | ||
25 | - <script> | ||
26 | - document.write(1+2+3); | ||
27 | - </script> | ||
28 | -</body> | ||
29 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
OperatingTest/server.txt
deleted
100644 → 0
1 | -// aws 인스턴스 - chatbot /home/ubuntu/server_termp/server.js 파일임. | ||
2 | -// 작동법 : form.html 파일을 chrome에서 open -> busNumber 입력 후 submit -> http://34.206.171.225:23023/server로 리다이렉트 | ||
3 | -// server 컴퓨터인 chatbot 인스턴스에서는 {busNumber : 0000} 와 같은 데이터를 받을 수 있음. | ||
4 | -// express routing은 아직 미구현 | ||
5 | - | ||
6 | -var http = require('http'); | ||
7 | -var fs = require('fs'); | ||
8 | -var url = require('url'); | ||
9 | -var qs = require('querystring'); | ||
10 | -var express = require('express'); | ||
11 | -var app_express = express(); | ||
12 | - | ||
13 | -var app = http.createServer(function(request,response){ | ||
14 | - | ||
15 | - var _url = request.url; | ||
16 | - | ||
17 | - if (_url === '/'){ | ||
18 | - console.log("url is '/'"); | ||
19 | - response.writeHead(200); | ||
20 | - } else if (_url === '/server'){ | ||
21 | - console.log(_url); | ||
22 | - var body = ''; | ||
23 | - // post로 전달된 데이터를 담을 변수를 선언 | ||
24 | - request.on('data', function(data){ | ||
25 | - // request객체에 on( ) 함수로 'data' 이벤트를 연결 | ||
26 | - body = body + data; | ||
27 | - //data 이벤트가 발생할 때마다 callback을 통해 body 변수에 값을 저장 | ||
28 | - }); | ||
29 | - request.on('end', function(){ | ||
30 | - // request객체에 on( ) 함수로 'end' 이벤트를 연결 | ||
31 | - var post = qs.parse(body); | ||
32 | - // end 이벤트가 발생하면(end는 한번만 발생한다) 3번에서 저장해둔 body 를 querystring 으로 객체화 | ||
33 | - console.log(post); | ||
34 | - console.log(body); | ||
35 | - // 객체화된 데이터를 로그로 출력 | ||
36 | - response.writeHead(200, {'Content-Type':'text/html'}); | ||
37 | - response.end('bus Number = ' + post.busNumber); | ||
38 | - // HEADER 와 데이터를 담아서 클라이언트에 응답처리 | ||
39 | - }); | ||
40 | - } else { | ||
41 | - response.writeHead(404); | ||
42 | - response.end('Not found'); | ||
43 | - } | ||
44 | -}); | ||
45 | - | ||
46 | -app_express.get("/test1234", (req, res) => { | ||
47 | - res.send('Hello world!'); | ||
48 | -}) | ||
49 | - | ||
50 | -app.listen(23023); | ||
51 | -console.log("Listening on 23023"); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
View/Index.html
deleted
100644 → 0
1 | -<!doctype html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title>BUS TT</title> | ||
5 | - <meta charset="utf-8"> | ||
6 | - <style type="text/css"> | ||
7 | - a { text-decoration:none } /* 하이퍼링크 밑줄 미적용 | ||
8 | - a { color:red; text-decoration:none} : 색깔 변화없음 | ||
9 | - */ | ||
10 | - </style> | ||
11 | -</head> | ||
12 | - | ||
13 | -<body> | ||
14 | - <h1><p style="text-align:center;">BTT</p></h1> | ||
15 | - <br> | ||
16 | - <h2> 사색의 광장 Bus Time Table 조회 서비스에 오신 것을 환영합니다.</h2> | ||
17 | - <p> 이곳에는 사색의 광장에서 출발하는 모든 버스의 정보가 있습니다.</p> | ||
18 | - <br><br> | ||
19 | - <h2> 버스별 시간표 조회</h2> | ||
20 | - | ||
21 | - <script> | ||
22 | - var date = new Date(); | ||
23 | - var yyyy = date.getFullYear(); | ||
24 | - var mm = date.getMonth() + 1; | ||
25 | - var dd = date.getDate(); | ||
26 | - var hh = date.getHours(); | ||
27 | - | ||
28 | - document.write(yyyy+"년 "+mm+"월 "+dd+"일 오늘 운행하는 버스들 "); | ||
29 | - document.write("( "+hh+"시 "+mm+"분 기준 )"); | ||
30 | - </script> | ||
31 | - | ||
32 | - <ul> | ||
33 | - <li><a href="http://localhost:23023/?busNum=5100">5100</a></li> | ||
34 | - <li><a href="http://localhost:23023/?busNum=M5107">M5107</a></li> | ||
35 | - <li><a href="http://localhost:23023/?busNum=9">9</a></li> | ||
36 | - <li><a href="http://localhost:23023/?busNum=7000">7000</a></li> | ||
37 | - <li>etc</li> | ||
38 | - </ul> | ||
39 | - <br> | ||
40 | - <p>설명</p> | ||
41 | - | ||
42 | - | ||
43 | -</body> | ||
44 | -</html> |
View/base.js
deleted
100644 → 0
1 | -var http = require('http'); | ||
2 | -var fs = require('fs'); | ||
3 | -var url = require('url'); | ||
4 | -var request = require('request'); | ||
5 | - | ||
6 | -function templateTimeTable(busNum, req){ | ||
7 | - return ` | ||
8 | - <!doctype html> | ||
9 | - <html> | ||
10 | - <head> | ||
11 | - <title>Time Table</title> | ||
12 | - <meta charset="utf-8"> | ||
13 | - <style type="text/css"> | ||
14 | - a { text-decoration:none } | ||
15 | - </style> | ||
16 | - </head> | ||
17 | - | ||
18 | - <body> | ||
19 | - <h1><a href="Index.html"><p style="text-align:center;">BTT</p></a></h1> | ||
20 | - <br> | ||
21 | - <h2>${busNum} BUS Time Table</h2> | ||
22 | - <br> | ||
23 | - ${req} | ||
24 | - </body> | ||
25 | - </html> | ||
26 | - `; | ||
27 | -} | ||
28 | - | ||
29 | -function req_post(busNum){ | ||
30 | - request.post( | ||
31 | - { | ||
32 | - url: 'http://34.206.171.225:23023/server', | ||
33 | - body: { | ||
34 | - 'busNum': busNum, | ||
35 | - 'testVariable': 'test' | ||
36 | - }, | ||
37 | - json: true | ||
38 | - } | ||
39 | - ); | ||
40 | -} | ||
41 | - | ||
42 | -function req_get(){ | ||
43 | - request.get( | ||
44 | - { | ||
45 | - url: 'http://34.206.171.225:23023/test2134', | ||
46 | - } | ||
47 | - ); | ||
48 | -} | ||
49 | - | ||
50 | -var app = http.createServer(function(request,response){ | ||
51 | - var _url = request.url; | ||
52 | - var queryData = url.parse(_url, true).query; | ||
53 | - var busNum = queryData.busNum; // function의 parameter로 queryData.busNum은 안되서 새로 변수를 만듦 | ||
54 | - if(_url == '/'){ | ||
55 | - _url = '/Index.html'; | ||
56 | - } | ||
57 | - if(_url == '/favicon.ico'){ | ||
58 | - return response.writeHead(404); | ||
59 | - } | ||
60 | - response.writeHead(200); | ||
61 | - console.log(queryData.busNum); | ||
62 | - | ||
63 | - if (busNum != null){ // 버스번호를 요청했을때 타임테이블 페이지로 전환 | ||
64 | - req_post(busNum); | ||
65 | - var resFromServer = req_get(); | ||
66 | - console.log(req_get()); | ||
67 | - //var resFromServer = '<p> Response from API server ... </p>'; | ||
68 | - var timetableHTML = templateTimeTable(busNum, resFromServer); | ||
69 | - response.end(timetableHTML); | ||
70 | - } | ||
71 | - else{ // 아니라면, url 따라감 | ||
72 | - response.end(fs.readFileSync(__dirname + _url)); | ||
73 | - } | ||
74 | -}); | ||
75 | -app.listen(23023); | ||
76 | -console.log("Listening on 23023"); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
base.js
deleted
100644 → 0
1 | -var http = require('http'); | ||
2 | -var fs = require('fs'); | ||
3 | -var url = require('url'); | ||
4 | - | ||
5 | -var app = http.createServer(function(request,response){ | ||
6 | - var _url = request.url; | ||
7 | - var queryData = url.parse(_url, true).query; | ||
8 | - if(_url == '/'){ | ||
9 | - _url = '/Index.html'; | ||
10 | - } | ||
11 | - if(_url == '/favicon.ico'){ | ||
12 | - return response.writeHead(404); | ||
13 | - } | ||
14 | - response.writeHead(200); | ||
15 | - console.log(queryData.busNum); | ||
16 | - | ||
17 | - if (queryData.busNum != null){ // 버스번호를 요청했을때 타임테이블 페이지로 전환 | ||
18 | - var timetableHTML = ` | ||
19 | -<!doctype html> | ||
20 | -<html> | ||
21 | -<head> | ||
22 | - <title>Time Table</title> | ||
23 | - <meta charset="utf-8"> | ||
24 | - <style type="text/css"> | ||
25 | - a { text-decoration:none } | ||
26 | - </style> | ||
27 | -</head> | ||
28 | - | ||
29 | -<body> | ||
30 | - <h1><a href="Index.html"><p style="text-align:center;">BTT</p></a></h1> | ||
31 | - <br> | ||
32 | - <h2>${queryData.busNum} BUS Time Table</h2> | ||
33 | - <p> Response from API server ... </p> | ||
34 | -</body> | ||
35 | -</html> | ||
36 | - `; | ||
37 | - response.end(timetableHTML); | ||
38 | - } | ||
39 | - else{ // 아니라면, url 따라감 | ||
40 | - response.end(fs.readFileSync(__dirname + _url)); | ||
41 | - } | ||
42 | -}); | ||
43 | -app.listen(23023); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
frame.html
deleted
100644 → 0
1 | -<!doctype html> <!--이 웹페이지가 html로 만들어졌다는 태그--> | ||
2 | -<html> <!--head와 body를 감싸는 태그--> | ||
3 | -<head> <!--본문을 설명하는 태그--> | ||
4 | - <title>webpage frame</title> | ||
5 | - <meta charset="utf-8"> | ||
6 | -</head> | ||
7 | - | ||
8 | -<body> <!--본문에 해당하는 태그--> | ||
9 | - <h1> webpage frame</h1> | ||
10 | - | ||
11 | - <ul> | ||
12 | - <li>목차1</li> | ||
13 | - <li>목차2</li> | ||
14 | - <li>목차3</li> | ||
15 | - </ul> | ||
16 | - | ||
17 | - <p>내용 1</p> | ||
18 | - <p>내용 2</p> | ||
19 | - <!-- target: 새 탭을 여는것--> | ||
20 | - <p><a href = "https://www.google.com/webhp?hl=ko&sa=X&ved=0ahUKEwjzxPrzkOrwAhWsF6YKHTq_CFwQPAgI" target = "_blank" title = "하이퍼링크 설명"> Go to google</a></p> | ||
21 | - <input type="button" value="BUTTON" onclick="alert('alert box')"> | ||
22 | - <input type="text" onchange="alert('changed')"> | ||
23 | - <br> | ||
24 | - <br> | ||
25 | - <script> | ||
26 | - document.write(1+2+3); | ||
27 | - </script> | ||
28 | -</body> | ||
29 | -</html> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
timetable.html
deleted
100644 → 0
1 | -<!-- 이 문서는 base.js에 timetableHTML로 저장되어 있음. 따라서 이 문서는 직접적으로 사용하지 않음--> | ||
2 | - | ||
3 | -<!doctype html> | ||
4 | -<html> | ||
5 | -<head> | ||
6 | - <title>Time Table</title> | ||
7 | - <meta charset="utf-8"> | ||
8 | - <style type="text/css"> | ||
9 | - a { text-decoration:none } | ||
10 | - </style> | ||
11 | -</head> | ||
12 | - | ||
13 | -<body> | ||
14 | - <h1><a href="Index.html"><p style="text-align:center;">BTT</p></a></h1> | ||
15 | - <br> | ||
16 | - <h2>0000 BUS Time Table</h2> | ||
17 | - <p> 타임테이블 출력 ~~~~ </p> | ||
18 | -</body> | ||
19 | -</html> |
-
Please register or login to post a comment