김대욱 / OSS_PROJECT

Go to a project
Toggle navigation Toggle navigation pinning
Jieun Chung
b4c823e4 1 parent 1d6a2601

data communication complete

Expand all
Inline Side-by-side
Showing 36 changed files with 781 additions and 30 deletions
1 +const request = require('request');
2 +var express = require('express')
3 +var app = express()
4 +
5 +/*app.set('views', __dirname + '/views');
6 +app.set('view engine', 'ejs');
7 +app.engine('html', require('ejs').renderFile);*/
8 +
9 +app.use(express.static(__dirname + '/views'));
10 +app.engine('html', require('ejs').renderFile);
11 +app.set('view engine', 'html');
12 +
13 +const standingsoptions = {
14 + method: 'GET',
15 + url: 'https://api-football-beta.p.rapidapi.com/standings',
16 + qs: {season: '2020', league: '39'},
17 + headers: {
18 + 'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
19 + 'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
20 + useQueryString: true
21 + }
22 +};
23 +
24 +
25 +const topscorersOptions = {
26 + method: 'GET',
27 + url: 'https://api-football-beta.p.rapidapi.com/players/topscorers',
28 + qs: {season: '2020', league: '39'},
29 + headers: {
30 + 'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
31 + 'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
32 + useQueryString: true
33 + }
34 +};
35 +
36 +
37 +app.post('/TopScorers', function(req, res){
38 + request(topscorersOptions, function(error, response, body){
39 + if (error) throw new Error(error);
40 + var resData = JSON.parse(body)
41 + res.render('PersonalStanding.ejs', {resData})
42 + })
43 +})
44 +
45 +app.post('/TeamStanding', function(req, res){
46 + /*request(options, function (error, response, body) {
47 + if (error) throw new Error(error);
48 + res.send(body)
49 + });*/
50 + res.render('TeamStanding.html')
51 +})
52 +
53 +app.get('/', function(req, res){
54 + res.render('index.ejs');
55 +})
56 +
57 +/*app.get('/', function(req, res){
58 + /*request(options, function (error, response, body) {
59 + if (error) throw new Error(error);
60 + res.send(body);
61 + console.log(body);
62 + });
63 + /*request(options, function (error, response, body) {
64 + if (error) throw new Error(error);
65 +
66 + res.send(body);
67 + console.log(response);
68 + });
69 +
70 +})*/
71 +
72 +var server = app.listen(23023, function(){
73 + var host = server.address().address
74 + var port = server.address().port;
75 + console.log('App listening at http://%s:%s', host, port)
76 +})
...@@ -24,6 +24,14 @@ ...@@ -24,6 +24,14 @@
24 "uri-js": "^4.2.2" 24 "uri-js": "^4.2.2"
25 } 25 }
26 }, 26 },
27 + "ansi-styles": {
28 + "version": "3.2.1",
29 + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
30 + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
31 + "requires": {
32 + "color-convert": "^1.9.0"
33 + }
34 + },
27 "array-flatten": { 35 "array-flatten": {
28 "version": "1.1.1", 36 "version": "1.1.1",
29 "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", 37 "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
...@@ -42,6 +50,11 @@ ...@@ -42,6 +50,11 @@
42 "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", 50 "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
43 "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" 51 "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
44 }, 52 },
53 + "async": {
54 + "version": "0.9.2",
55 + "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
56 + "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
57 + },
45 "asynckit": { 58 "asynckit": {
46 "version": "0.4.0", 59 "version": "0.4.0",
47 "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", 60 "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
...@@ -57,6 +70,11 @@ ...@@ -57,6 +70,11 @@
57 "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz", 70 "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
58 "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==" 71 "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
59 }, 72 },
73 + "balanced-match": {
74 + "version": "1.0.0",
75 + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
76 + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
77 + },
60 "bcrypt-pbkdf": { 78 "bcrypt-pbkdf": {
61 "version": "1.0.2", 79 "version": "1.0.2",
62 "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", 80 "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
...@@ -89,6 +107,15 @@ ...@@ -89,6 +107,15 @@
89 } 107 }
90 } 108 }
91 }, 109 },
110 + "brace-expansion": {
111 + "version": "1.1.11",
112 + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
113 + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
114 + "requires": {
115 + "balanced-match": "^1.0.0",
116 + "concat-map": "0.0.1"
117 + }
118 + },
92 "bytes": { 119 "bytes": {
93 "version": "3.1.0", 120 "version": "3.1.0",
94 "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", 121 "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
...@@ -99,6 +126,29 @@ ...@@ -99,6 +126,29 @@
99 "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", 126 "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
100 "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" 127 "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
101 }, 128 },
129 + "chalk": {
130 + "version": "2.4.2",
131 + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
132 + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
133 + "requires": {
134 + "ansi-styles": "^3.2.1",
135 + "escape-string-regexp": "^1.0.5",
136 + "supports-color": "^5.3.0"
137 + }
138 + },
139 + "color-convert": {
140 + "version": "1.9.3",
141 + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
142 + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
143 + "requires": {
144 + "color-name": "1.1.3"
145 + }
146 + },
147 + "color-name": {
148 + "version": "1.1.3",
149 + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
150 + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
151 + },
102 "combined-stream": { 152 "combined-stream": {
103 "version": "1.0.8", 153 "version": "1.0.8",
104 "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", 154 "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
...@@ -107,6 +157,11 @@ ...@@ -107,6 +157,11 @@
107 "delayed-stream": "~1.0.0" 157 "delayed-stream": "~1.0.0"
108 } 158 }
109 }, 159 },
160 + "concat-map": {
161 + "version": "0.0.1",
162 + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
163 + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
164 + },
110 "content-disposition": { 165 "content-disposition": {
111 "version": "0.5.3", 166 "version": "0.5.3",
112 "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", 167 "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
...@@ -187,6 +242,14 @@ ...@@ -187,6 +242,14 @@
187 "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", 242 "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
188 "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" 243 "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
189 }, 244 },
245 + "ejs": {
246 + "version": "3.1.5",
247 + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.5.tgz",
248 + "integrity": "sha512-dldq3ZfFtgVTJMLjOe+/3sROTzALlL9E34V4/sDtUd/KlBSS0s6U1/+WPE1B4sj9CXHJpL1M6rhNJnc9Wbal9w==",
249 + "requires": {
250 + "jake": "^10.6.1"
251 + }
252 + },
190 "encodeurl": { 253 "encodeurl": {
191 "version": "1.0.2", 254 "version": "1.0.2",
192 "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", 255 "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
...@@ -197,6 +260,11 @@ ...@@ -197,6 +260,11 @@
197 "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", 260 "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
198 "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" 261 "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
199 }, 262 },
263 + "escape-string-regexp": {
264 + "version": "1.0.5",
265 + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
266 + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
267 + },
200 "etag": { 268 "etag": {
201 "version": "1.8.1", 269 "version": "1.8.1",
202 "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", 270 "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
...@@ -271,6 +339,14 @@ ...@@ -271,6 +339,14 @@
271 "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", 339 "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
272 "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==" 340 "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
273 }, 341 },
342 + "filelist": {
343 + "version": "1.0.1",
344 + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.1.tgz",
345 + "integrity": "sha512-8zSK6Nu0DQIC08mUC46sWGXi+q3GGpKydAG36k+JDba6VRpkevvOWUW5a/PhShij4+vHT9M+ghgG7eM+a9JDUQ==",
346 + "requires": {
347 + "minimatch": "^3.0.4"
348 + }
349 + },
274 "finalhandler": { 350 "finalhandler": {
275 "version": "1.1.2", 351 "version": "1.1.2",
276 "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", 352 "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
...@@ -332,6 +408,11 @@ ...@@ -332,6 +408,11 @@
332 "har-schema": "^2.0.0" 408 "har-schema": "^2.0.0"
333 } 409 }
334 }, 410 },
411 + "has-flag": {
412 + "version": "3.0.0",
413 + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
414 + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
415 + },
335 "http-errors": { 416 "http-errors": {
336 "version": "1.7.2", 417 "version": "1.7.2",
337 "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", 418 "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
...@@ -382,6 +463,17 @@ ...@@ -382,6 +463,17 @@
382 "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", 463 "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
383 "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" 464 "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
384 }, 465 },
466 + "jake": {
467 + "version": "10.8.2",
468 + "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.2.tgz",
469 + "integrity": "sha512-eLpKyrfG3mzvGE2Du8VoPbeSkRry093+tyNjdYaBbJS9v17knImYGNXQCUV0gLxQtF82m3E8iRb/wdSQZLoq7A==",
470 + "requires": {
471 + "async": "0.9.x",
472 + "chalk": "^2.4.2",
473 + "filelist": "^1.0.1",
474 + "minimatch": "^3.0.4"
475 + }
476 + },
385 "jsbn": { 477 "jsbn": {
386 "version": "0.1.1", 478 "version": "0.1.1",
387 "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", 479 "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
...@@ -446,6 +538,14 @@ ...@@ -446,6 +538,14 @@
446 "mime-db": "1.44.0" 538 "mime-db": "1.44.0"
447 } 539 }
448 }, 540 },
541 + "minimatch": {
542 + "version": "3.0.4",
543 + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
544 + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
545 + "requires": {
546 + "brace-expansion": "^1.1.7"
547 + }
548 + },
449 "ms": { 549 "ms": {
450 "version": "2.0.0", 550 "version": "2.0.0",
451 "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", 551 "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
...@@ -625,6 +725,14 @@ ...@@ -625,6 +725,14 @@
625 "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", 725 "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
626 "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=" 726 "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
627 }, 727 },
728 + "supports-color": {
729 + "version": "5.5.0",
730 + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
731 + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
732 + "requires": {
733 + "has-flag": "^3.0.0"
734 + }
735 + },
628 "toidentifier": { 736 "toidentifier": {
629 "version": "1.0.0", 737 "version": "1.0.0",
630 "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", 738 "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
......
...@@ -2,13 +2,14 @@ ...@@ -2,13 +2,14 @@
2 "name": "nodejs", 2 "name": "nodejs",
3 "version": "1.0.0", 3 "version": "1.0.0",
4 "description": "", 4 "description": "",
5 - "main": "index.js", 5 + "main": "app.js",
6 "scripts": { 6 "scripts": {
7 "test": "echo \"Error: no test specified\" && exit 1" 7 "test": "echo \"Error: no test specified\" && exit 1"
8 }, 8 },
9 "author": "", 9 "author": "",
10 "license": "ISC", 10 "license": "ISC",
11 "dependencies": { 11 "dependencies": {
12 + "ejs": "^3.1.5",
12 "express": "^4.17.1", 13 "express": "^4.17.1",
13 "request": "^2.88.2" 14 "request": "^2.88.2"
14 } 15 }
......
1 -const request = require('request');
2 -var express = require('express')
3 -var app = express()
4 -
5 -const options = {
6 - method: 'GET',
7 - url: 'https://api-football-v1.p.rapidapi.com/v2/players/player/253/2018-2019',
8 - headers: {
9 - 'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
10 - 'x-rapidapi-host': 'api-football-v1.p.rapidapi.com',
11 - useQueryString: true
12 - }
13 -};
14 -
15 -app.get('/', function(req, res){
16 - request(options, function (error, response, body) {
17 - if (error) throw new Error(error);
18 -
19 - res.send(body);
20 - console.log(response);
21 - });
22 -
23 -})
24 -
25 -var server = app.listen(23023, function(){
26 - var host = server.address().address
27 - var port = server.address().port;
28 - console.log('App listening at http://%s:%s', host, port)
29 -})
1 +<!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width" , initial-scale="1">
7 + <title>EPL 통계 사이트</title>
8 + <link rel="stylesheet" href="css/bootstrap.css">
9 + <link rel="stylesheet" href="css/style.css">
10 + <meta name="author" content="김대욱, 정지은">
11 + <meta name="description" content="리버풀 화이팅~!">
12 +</head>
13 +
14 +<body>
15 +
16 + <nav class="navbar navbar-default">
17 + <div class="contaner-fluid">
18 + <div class="navbar-header">
19 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
20 + data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
21 + <span class="sr-only"></span>
22 + <span class="icon-bar"></span>
23 + <span class="icon-bar"></span>
24 + <span class="icon-bar"></span>
25 + </button>
26 + <a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
27 + </div>
28 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
29 + <ul class="nav navbar-nav">
30 + <li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
31 + <li><a href="TeamStanding.html">팀 순위</a></li>
32 + <li><a href="PersonalStanding.html">개인 순위</a></li>
33 + <li class="dropdown">
34 + <a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
35 + aria-expanded="false">팀 별 통계<span class="caret"></span></a>
36 + <ul class="dropdown-menu">
37 + <li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
38 + <li><a href="TeamStat.html?StatName=Goals">득점</a></li>
39 + <li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
40 + <li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
41 + <li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
42 + <li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
43 + </ul>
44 + </li>
45 + <li class="dropdown">
46 + <a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
47 + aria-expanded="false">개인 별 통계<span class="caret"></span></a>
48 + <ul class="dropdown-menu">
49 + <li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
50 + <li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
51 + <li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
52 + <li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
53 + <li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
54 + <li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
55 + <li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
56 + </ul>
57 + </li>
58 + <li><a href="Comunity.html">자유 게시판</a></li>
59 + </ul>
60 + <form class="navbar-form navbar-left">
61 + <div class="form-group">
62 + <input type="text" class="form-control" placeholder="내용을 입력하세요.">
63 +
64 + </div>
65 + <button type="submit" class="btn btn-default">검색</button>
66 + </form>
67 + <ul class="nav navbar-nav navbar-right">
68 + <li>
69 + <li class="dropdown">
70 + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
71 + aria-expanded="false">접속하기<span class="caret"></span></a>
72 + <ul class="dropdown-menu">
73 + <li><a href="loginForm.html">로그인</a></li>
74 + <li><a href="registerForm.html">회원가입</a></li>
75 + </ul>
76 + </li>
77 + </li>
78 + </ul>
79 + </div>
80 +
81 + </div>
82 + </nav>
83 +
84 + <footer style="background-color:#33cc33; color:#ffffff">
85 + <div class="container">
86 + <br>
87 + <div class="row">
88 + <div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
89 + <div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
90 + </div>
91 + </div>
92 + </footer>
93 + <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
94 + <script src="js/bootstrap.js"></script>
95 +</body>
96 +
97 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width" , initial-scale="1">
7 + <title>EPL 통계 사이트</title>
8 + <link rel="stylesheet" href="css/bootstrap.css">
9 + <link rel="stylesheet" href="css/style.css">
10 + <meta name="author" content="김대욱, 정지은">
11 + <meta name="description" content="리버풀 화이팅~!">
12 +</head>
13 +
14 +<body>
15 +
16 + <nav class="navbar navbar-default">
17 + <div class="contaner-fluid">
18 + <div class="navbar-header">
19 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
20 + data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
21 + <span class="sr-only"></span>
22 + <span class="icon-bar"></span>
23 + <span class="icon-bar"></span>
24 + <span class="icon-bar"></span>
25 + </button>
26 + <a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
27 + </div>
28 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
29 + <ul class="nav navbar-nav">
30 + <li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
31 + <li><a href="TeamStanding.html">팀 순위</a></li>
32 + <li><a href="PersonalStanding.html">개인 순위</a></li>
33 + <li class="dropdown">
34 + <a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
35 + aria-expanded="false">팀 별 통계<span class="caret"></span></a>
36 + <ul class="dropdown-menu">
37 + <li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
38 + <li><a href="TeamStat.html?StatName=Goals">득점</a></li>
39 + <li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
40 + <li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
41 + <li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
42 + <li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
43 + </ul>
44 + </li>
45 + <li class="dropdown">
46 + <a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
47 + aria-expanded="false">개인 별 통계<span class="caret"></span></a>
48 + <ul class="dropdown-menu">
49 + <li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
50 + <li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
51 + <li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
52 + <li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
53 + <li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
54 + <li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
55 + <li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
56 + </ul>
57 + </li>
58 + <li><a href="Comunity.html">자유 게시판</a></li>
59 + </ul>
60 + <form class="navbar-form navbar-left">
61 + <div class="form-group">
62 + <input type="text" class="form-control" placeholder="내용을 입력하세요.">
63 +
64 + </div>
65 + <button type="submit" class="btn btn-default">검색</button>
66 + </form>
67 + <ul class="nav navbar-nav navbar-right">
68 + <li>
69 + <li class="dropdown">
70 + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
71 + aria-expanded="false">접속하기<span class="caret"></span></a>
72 + <ul class="dropdown-menu">
73 + <li><a href="loginForm.html">로그인</a></li>
74 + <li><a href="registerForm.html">회원가입</a></li>
75 + </ul>
76 + </li>
77 + </li>
78 + </ul>
79 + </div>
80 +
81 + </div>
82 + </nav>
83 +
84 + <% for(var i=0; i<resData.response.length; i++){ %>
85 + <img src=<%=resData.response[i].player.photo%> />
86 + <%=resData.response[i].player.name%><br/>
87 + <%}%>
88 +
89 + <footer style="background-color:#33cc33; color:#ffffff">
90 + <div class="container">
91 + <br>
92 + <div class="row">
93 + <div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
94 + <div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
95 + </div>
96 + </div>
97 + </footer>
98 + <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
99 + <script src="js/bootstrap.js"></script>
100 +</body>
101 +
102 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width" , initial-scale="1">
7 + <title>EPL 통계 사이트</title>
8 + <link rel="stylesheet" href="css/bootstrap.css">
9 + <link rel="stylesheet" href="css/style.css">
10 + <meta name="author" content="김대욱, 정지은">
11 + <meta name="description" content="리버풀 화이팅~!">
12 +</head>
13 +
14 +<body>
15 +
16 + <nav class="navbar navbar-default">
17 + <div class="contaner-fluid">
18 + <div class="navbar-header">
19 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
20 + data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
21 + <span class="sr-only"></span>
22 + <span class="icon-bar"></span>
23 + <span class="icon-bar"></span>
24 + <span class="icon-bar"></span>
25 + </button>
26 + <a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
27 + </div>
28 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
29 + <ul class="nav navbar-nav">
30 + <li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
31 + <li><a href="TeamStanding.html">팀 순위</a></li>
32 + <li><a href="PersonalStanding.html">개인 순위</a></li>
33 + <li class="dropdown">
34 + <a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
35 + aria-expanded="false">팀 별 통계<span class="caret"></span></a>
36 + <ul class="dropdown-menu">
37 + <li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
38 + <li><a href="TeamStat.html?StatName=Goals">득점</a></li>
39 + <li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
40 + <li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
41 + <li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
42 + <li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
43 + </ul>
44 + </li>
45 + <li class="dropdown">
46 + <a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
47 + aria-expanded="false">개인 별 통계<span class="caret"></span></a>
48 + <ul class="dropdown-menu">
49 + <li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
50 + <li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
51 + <li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
52 + <li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
53 + <li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
54 + <li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
55 + <li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
56 + </ul>
57 + </li>
58 + <li><a href="Comunity.html">자유 게시판</a></li>
59 + </ul>
60 + <form class="navbar-form navbar-left">
61 + <div class="form-group">
62 + <input type="text" class="form-control" placeholder="내용을 입력하세요.">
63 +
64 + </div>
65 + <button type="submit" class="btn btn-default">검색</button>
66 + </form>
67 + <ul class="nav navbar-nav navbar-right">
68 + <li>
69 + <li class="dropdown">
70 + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
71 + aria-expanded="false">접속하기<span class="caret"></span></a>
72 + <ul class="dropdown-menu">
73 + <li><a href="loginForm.html">로그인</a></li>
74 + <li><a href="registerForm.html">회원가입</a></li>
75 + </ul>
76 + </li>
77 + </li>
78 + </ul>
79 + </div>
80 +
81 + </div>
82 + </nav>
83 +
84 + <footer style="background-color:#33cc33; color:#ffffff">
85 + <div class="container">
86 + <br>
87 + <div class="row">
88 + <div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
89 + <div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
90 + </div>
91 + </div>
92 + </footer>
93 + <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
94 + <script src="js/bootstrap.js"></script>
95 +</body>
96 +
97 +</html>
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
1 +<!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width" , initial-scale="1">
7 + <title>EPL 통계 사이트</title>
8 + <link rel="stylesheet" href="css/bootstrap.css">
9 + <link rel="stylesheet" href="css/style.css">
10 + <meta name="author" content="김대욱, 정지은">
11 + <meta name="description" content="리버풀 화이팅~!">
12 +</head>
13 +
14 +<body>
15 +
16 + <nav class="navbar navbar-default">
17 + <div class="contaner-fluid">
18 + <div class="navbar-header">
19 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
20 + data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
21 + <span class="sr-only"></span>
22 + <span class="icon-bar"></span>
23 + <span class="icon-bar"></span>
24 + <span class="icon-bar"></span>
25 + </button>
26 + <a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
27 + </div>
28 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
29 + <ul class="nav navbar-nav">
30 + <li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
31 + <li><a href="TeamStanding.html">팀 순위</a></li>
32 + <li><a href="PersonalStanding.html">개인 순위</a></li>
33 + <li class="dropdown">
34 + <a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
35 + aria-expanded="false">팀 별 통계<span class="caret"></span></a>
36 + <ul class="dropdown-menu">
37 + <li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
38 + <li><a href="TeamStat.html?StatName=Goals">득점</a></li>
39 + <li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
40 + <li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
41 + <li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
42 + <li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
43 + </ul>
44 + </li>
45 + <li class="dropdown">
46 + <a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
47 + aria-expanded="false">개인 별 통계<span class="caret"></span></a>
48 + <ul class="dropdown-menu">
49 + <li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
50 + <li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
51 + <li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
52 + <li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
53 + <li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
54 + <li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
55 + <li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
56 + </ul>
57 + </li>
58 + <li><a href="Comunity.html">자유 게시판</a></li>
59 + </ul>
60 + <form class="navbar-form navbar-left">
61 + <div class="form-group">
62 + <input type="text" class="form-control" placeholder="내용을 입력하세요.">
63 +
64 + </div>
65 + <button type="submit" class="btn btn-default">검색</button>
66 + </form>
67 + <ul class="nav navbar-nav navbar-right">
68 + <li>
69 + <li class="dropdown">
70 + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
71 + aria-expanded="false">접속하기<span class="caret"></span></a>
72 + <ul class="dropdown-menu">
73 + <li><a href="loginForm.html">로그인</a></li>
74 + <li><a href="registerForm.html">회원가입</a></li>
75 + </ul>
76 + </li>
77 + </li>
78 + </ul>
79 + </div>
80 +
81 + </div>
82 + </nav>
83 +
84 + <footer style="background-color:#33cc33; color:#ffffff">
85 + <div class="container">
86 + <br>
87 + <div class="row">
88 + <div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
89 + <div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
90 + </div>
91 + </div>
92 + </footer>
93 + <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
94 + <script src="js/bootstrap.js"></script>
95 +</body>
96 +
97 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +/* 전체 웹사이트를 통틀어서 스타일을 정의함 */
2 +@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
3 +
4 +* {
5 + font-family:'Nanum Gothic'
6 +}
7 +a {
8 + color:#33cc33;
9 + text-decoration:none;
10 +}
11 +a:hover {
12 + color:#888888;
13 + text-decoration:none;
14 +}
15 +
16 +/* 내비게이션 영역 */
17 +.navbar-default{/* 배경 색상 */
18 + background-color:#33cc33;
19 + border-color:#33cc33;
20 +}
21 +.navbar-default .navbar-brand{ /* 내비게이션 제목 색상 */
22 + color:#ffffff;
23 +}
24 +.navbar-default .navbar-brand:hover,
25 +.navbar-default .navbar-brand:focus{ /* 내비게이션 제목에 마우스를 올렸을 때 */
26 + background-color:transparent;
27 + color:#888888;
28 +}
29 +.navbar-default .navbar-nav > .active >a,
30 +.navbar-default .navbar-nav > .active >a:hover,
31 +.navbar-default .navbar-nav > .active >a:focus{ /* 현재 선택된 내비게이션 색상 이벤트 */
32 + color:#33cc33;
33 + background-color:#ffffff;
34 +}
35 +.navbar-default .navbar-nav > li >a:hover,
36 +.navbar-default .navbar-nav > li >a:focus{ /* 네비게이션 글자에 마우스를 올렸을 때 */
37 + color:#888888;
38 +}
39 +.navbar-default .navbar-nav > .open >a,
40 +.navbar-default .navbar-nav > .open >a:hover,
41 +.navbar-default .navbar-nav > .open >a:focus{ /* 드랍다운이 열렸을때 마우스 색상 이벤트 */
42 + color:#33cc33;
43 + background-color:#ffffff;
44 + text-decoration:none;
45 +}
46 +/* 드랍다운 메뉴의 원소들의 글씨 색깔 설정 */
47 +.navbar-default .navbar-nav .open .dropdown-menu > li > a ,
48 +.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover ,
49 +.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
50 + color:#33cc33;
51 +}
52 +
53 +.navbar-default .navbar-nav>li>a{ /* 네비게이션 기본 색상 */
54 + color:white;
55 +}
56 +
57 +@media (max-width:767px) { /* 해상도가 작은데 드랍다운에 마우스를 올렸을 때 */
58 + .navbar-default .navbar-nav .open .dropdown-menu > li > a {
59 + color:#ffffff;
60 + }
61 + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover ,
62 + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
63 + color:#888888;
64 + }
65 +}
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width" , initial-scale="1">
7 + <title>EPL 통계 사이트</title>
8 + <link rel="stylesheet" href="css/bootstrap.css">
9 + <link rel="stylesheet" href="css/style.css">
10 + <meta name="author" content="김대욱, 정지은">
11 + <meta name="description" content="리버풀 화이팅~!">
12 +</head>
13 +
14 +
15 +
16 +<body>
17 + <style type="text/css">
18 + .jumbotron{
19 + background-image: url('https://2020-oss-test.s3.amazonaws.com/emilio-garcia-AWdCgDDedH0-unsplash.jpg');
20 + background-size:cover;
21 + text-shadow:black 0.2em 0.2em 0.2em;
22 + color:white;
23 + }
24 + </style>
25 + <nav class="navbar navbar-default">
26 + <div class="contaner-fluid">
27 + <div class="navbar-header">
28 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
29 + data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
30 + <span class="sr-only"></span>
31 + <span class="icon-bar"></span>
32 + <span class="icon-bar"></span>
33 + <span class="icon-bar"></span>
34 + </button>
35 + <form name="myForm" action="/request" method="POST"></form>
36 + <a class="navbar-brand" href="#" onclick="javascript:document.myForm.submit()" >EPL 통계 사이트</a>
37 + </div>
38 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
39 + <ul class="nav navbar-nav">
40 + <li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
41 + <form name="teamStandingForm" action="/TeamStanding" method="POST"></form>
42 + <li><a href="#" onclick="javascript:document.teamStandingForm.submit()">팀 순위</a></li>
43 + <form name="topScorersForm" action="/TopScorers" method="POST"></form>
44 + <li><a href="#" onclick="javascript:document.topScorersForm.submit()">개인 순위</a></li>
45 + <li class="dropdown">
46 + <a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
47 + aria-expanded="false">팀 별 통계<span class="caret"></span></a>
48 + <ul class="dropdown-menu">
49 + <li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
50 + <li><a href="TeamStat.html?StatName=Goals">득점</a></li>
51 + <li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
52 + <li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
53 + <li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
54 + <li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
55 + </ul>
56 + </li>
57 + <li class="dropdown">
58 + <a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
59 + aria-expanded="false">개인 별 통계<span class="caret"></span></a>
60 + <ul class="dropdown-menu">
61 + <li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
62 + <li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
63 + <li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
64 + <li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
65 + <li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
66 + <li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
67 + <li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
68 + </ul>
69 + </li>
70 + <li><a href="Community.html">자유 게시판</a></li>
71 + </ul>
72 + <form class="navbar-form navbar-left">
73 + <div class="form-group">
74 + <input type="text" class="form-control" placeholder="내용을 입력하세요.">
75 +
76 + </div>
77 + <button type="submit" class="btn btn-default">검색</button>
78 + </form>
79 + <ul class="nav navbar-nav navbar-right">
80 + <li>
81 + <li class="dropdown">
82 + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
83 + aria-expanded="false">접속하기<span class="caret"></span></a>
84 + <ul class="dropdown-menu">
85 + <li><a href="loginForm.html">로그인</a></li>
86 + <li><a href="registerForm.html">회원가입</a></li>
87 + </ul>
88 + </li>
89 + </li>
90 + </ul>
91 + </div>
92 +
93 + </div>
94 + </nav>
95 + <div class ="container">
96 + <div class="jumbotron">
97 + <h1 class="text-center">EPL의 자세한 통계를 보여주는 사이트</h1>
98 + <br>
99 + <p class="text-center">EPL을 사랑하는 축구인 입장에서 한국어 사용자가 선수들의 디테일한 스탯을 볼 수 있는 사이트를 만들고 싶어 제작했다.</p>
100 + </div>
101 + </div>
102 + <div class="row">
103 + <div class="col-md-3">
104 + <h4>팀 순위</h4>
105 + <p>이 사이트는 팀 순위를 다른 데이터와 함께 보여줍니다.</p>
106 + <p><a class="btn btn-default" href="TeamStanding.html">자세히 알아보기</a></p>
107 + </div>
108 + <div class="col-md-3">
109 + <h4>개인 순위</h4>
110 + <p>이 사이트는 개인 순위를 다른 데이터와 함께 보여줍니다.</p>
111 + <p><a class="btn btn-default" href="PersonalStanding.html">자세히 알아보기</a></p>
112 + </div>
113 + <div class="col-md-3">
114 + <h4>팀별 통계</h4>
115 + <p>이 사이트는 팀 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
116 + <p><a class="btn btn-default" href="TeamStat.html">자세히 알아보기</a></p>
117 + </div>
118 + <div class="col-md-3">
119 + <h4>개인 통계</h4>
120 + <p>이 사이트는 개인 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
121 + <p><a class="btn btn-default" href="PersonalStat.html">자세히 알아보기</a></p>
122 + </div>
123 + </div>
124 + <footer style="background-color:#33cc33; color:#ffffff">
125 + <div class="container">
126 + <br>
127 + <div class="row">
128 + <div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
129 + <div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
130 + </div>
131 + </div>
132 + </footer>
133 + <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
134 + <script src="js/bootstrap.js"></script>
135 +</body>
136 +
137 +</html>
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.