Jieun Chung

back end complete

......@@ -9,68 +9,155 @@ app.engine('html', require('ejs').renderFile);*/
app.use(express.static(__dirname + '/views'));
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
// api키 변경 필요
const api_key = 'd2cd37a77cmshe74339957ea80a1p1ba89ajsn01b1c10b6c25'
//팀 정보
var teamStats = []
var teams;
var playerStats = []
const standingsoptions = {
//선수 분석
const playerStatOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/players',
qs: {season: '2020', league: '39', team: '33'},
headers: {
'x-rapidapi-key': api_key,
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
//팀 분석
var teamStatOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/teams/statistics',
qs: {team: '33', season: '2019', league: '39'},
headers: {
'x-rapidapi-key': api_key,
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
// 전체 팀
const teamsOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/teams',
qs: {league: '39', season: '2020'},
headers: {
'x-rapidapi-key': api_key,
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
//팀 순위
const standingsOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/standings',
qs: {season: '2020', league: '39'},
headers: {
'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
'x-rapidapi-key': api_key,
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
const topscorersOptions = {
// top 20
const topScorersOptions = {
method: 'GET',
url: 'https://api-football-beta.p.rapidapi.com/players/topscorers',
qs: {season: '2020', league: '39'},
headers: {
'x-rapidapi-key': '9ed13b26e4mshede3aa7b615039ep17f6e6jsn308dd6295276',
'x-rapidapi-key': api_key,
'x-rapidapi-host': 'api-football-beta.p.rapidapi.com',
useQueryString: true
}
};
app.post('/TopScorers', function(req, res){
request(topscorersOptions, function(error, response, body){
app.get('/TopScorers', function(req, res){
request(topScorersOptions, function(error, response, body){
if (error) throw new Error(error);
var resData = JSON.parse(body)
res.render('PersonalStanding.ejs', {resData})
})
})
app.post('/TeamStanding', function(req, res){
/*request(options, function (error, response, body) {
app.get('/TeamStanding', function(req, res){
request(standingsOptions, function(error, response, body){
if (error) throw new Error(error);
res.send(body)
});*/
res.render('TeamStanding.html')
var teamStanding = JSON.parse(body)
res.render('TeamStanding.ejs', {teamStanding})
})
})
app.get('/', function(req, res){
res.render('index.ejs');
app.get('/TeamStat', function(req, res){
res.render('TeamStat.ejs', {teams})
})
/*app.get('/', function(req, res){
/*request(options, function (error, response, body) {
app.get('/TeamStat/:id', function(req, res){
var teamId = req.params.id;
teamStatOptions.qs.team = teamId;
request(teamStatOptions, function(error, response, body){
if (error) throw new Error(error);
res.send(body);
console.log(body);
});
/*request(options, function (error, response, body) {
if (error) throw new Error(error);
res.send(body);
console.log(response);
var teamStat = JSON.parse(body)
var players = [];
for(var i = 0 ; i < playerStats.length; i++){
if(playerStats[i].statistics[0].team.id == teamId){
players.push(playerStats[i]);
}
}
res.render('TeamStatDetail.ejs', {teamStat, players})
})
})
app.get('/PlayerStat', function(req, res){
res.render('PersonalStat.ejs', {playerStats})
})
app.get('/PlayerStat/:id', function(req, res){
var playerStat;
for(var i = 0 ; i< playerStats.length; i++){
if((playerStats[i].player.id + "") == req.params.id){
playerStat = playerStats[i];
break;
}
}
res.render('PersonalStatDetail.ejs', {playerStat})
})
app.get('/', function(req, res){
if(playerStats.length == 0){
request(teamsOptions, function (error, response, body) {
if (error) throw new Error(error);
teams = JSON.parse(body)
for(var i = 0 ; i < 20; i++){
playerStatOptions.qs.team = teams.response[i].team.id;
request(playerStatOptions, function(error, response, body){
if (error) throw new Error(error);
var temp = JSON.parse(body)
console.log(temp)
for(var j = 0 ; j < temp.response.length; j++){
playerStats.push(temp.response[j]);
}
})
}
res.render('index.ejs');
});
})*/
}
else
res.render('index.ejs');
})
var server = app.listen(23023, function(){
var host = server.address().address
var port = server.address().port;
console.log('App listening at http://%s:%s', host, port)
})
......
This diff is collapsed. Click to expand it.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<table class='table'>
<thead>
<tr>
<th></th>
<th> 이름 </th>
<th></th>
<th> 몸무게 </th>
<th> 생년월일 </th>
</tr>
</thead>
<tbody>
<% for(var i=0; i< playerStats.length; i++){ %>
<tr>
<td> <%= playerStats[i].statistics[0].team.name %> </td>
<td><a href="/PlayerStat/<%= playerStats[i].player.id %>"><%= playerStats[i].player.name %> </a></td>
<td> <%= playerStats[i].player.height %> </td>
<td> <%= playerStats[i].player.weight %> </td>
<td> <%= playerStats[i].player.birth.date %> </td>
</tr>
<%}%>
</tbody>
</table>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<!--
테이블 디자인 교체
왠진 모르겠지만 css가 깨짐
-->
<table class='table'>
<thead>
<tr>
<th></th>
<th> 이름 </th>
<th></th>
<th> 몸무게 </th>
<th> 생년월일 </th>
</tr>
</thead>
<tbody>
<tr>
<td> <%= playerStat.statistics[0].team.name %> </td>
<td> <%= playerStat.player.name %> </td>
<td> <%= playerStat.player.height %> </td>
<td> <%= playerStat.player.weight %> </td>
<td> <%= playerStat.player.birth.date %> </td>
</tr>
</tbody>
</table>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
<style>
[_nghost-fte-c8]{display:block}.team-name[_ngcontent-fte-c8]{font-size:.75em}.team-badge[_ngcontent-fte-c8]{width:40px}
</style>
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/" >EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<table class='table'>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th> 득실 </th>
<th> 승점 </th>
</tr>
</thead>
<tbody>
<% for(var i=0; i< teamStanding.response[0].league.standings[0].length; i++){ %>
<tr>
<td style="text-align: left; ">
<div class="inner">
<div style="float: left;">
<img width="100" height="100" src=<%= teamStanding.response[0].league.standings[0][i].team.logo%> class="emblem">
</div>
<div style="float: right;">
<span><%= teamStanding.response[0].league.standings[0][i].team.name %></span>
</div>
</div>
</td>
<td> <%= teamStanding.response[0].league.standings[0][i].all.win %> </td>
<td> <%= teamStanding.response[0].league.standings[0][i].all.draw %> </td>
<td> <%= teamStanding.response[0].league.standings[0][i].all.lose %> </td>
<td> <%= teamStanding.response[0].league.standings[0][i].all.goals.for %>/<%= teamStanding.response[0].league.standings[0][i].all.goals.against %> </td>
<td> <%= teamStanding.response[0].league.standings[0][i].points %> </td>
</tr>
<%}%>
</tbody>
</table>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<div class="row">
<% for(var i=0; i < teams.response.length; i++){%>
<div class="col-md-3">
<a href="/TeamStat/<%= teams.response[i].team.id %>">
<div class="thumbnail">
<img src=<%=teams.response[i].team.logo%> >
<h3 style="text-align: center;"><%=teams.response[i].team.name%></h3>
</div>
</a>
</div>
<%}%>
</div>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<!--
테이블 디자인 교체
왠진 모르겠지만 css가 깨짐
-->
<div class=table>
<tr>
<td>무실점 경기</td>
<td>무득점 경기</td>
<td>최근 전적</td>
<td>평균 득점</td>
<td>평균 실점</td>
</tr>
<tr>
<td><%= teamStat.response.clean_sheet.total %></td>
<td><%= teamStat.response.failed_to_score.total %></td>
<td><%= teamStat.response.form %></td>
<td><%= teamStat.response.goals.against.average.total %></td>
<td><%= teamStat.response.goals.for.average.total %></td>
</tr>
</div>
<table class='table'>
<thead>
<tr>
<th></th>
<th> 이름 </th>
<th></th>
<th> 몸무게 </th>
<th> 생년월일 </th>
</tr>
</thead>
<tbody>
<% for(var i=0; i< players.length; i++){ %>
<tr>
<td> <%= players[i].statistics[0].team.name %> </td>
<td><a href="/PlayerStat/<%= players[i].player.id %>"><%= players[i].player.name %> </a></td>
<td> <%= players[i].player.height %> </td>
<td> <%= players[i].player.weight %> </td>
<td> <%= players[i].player.birth.date %> </td>
</tr>
<%}%>
</tbody>
</table>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright &copy; 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -32,41 +32,15 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<form name="homeForm" action="/" method="GET"></form>
<a class="navbar-brand" href="#" onclick="javascript:document.homeForm.submit()" >EPL 통계 사이트</a>
<a class="navbar-brand" href="/">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#" onclick="javascript:document.homeForm.submit()">프로젝트 소개<span class="sr-only"></span></a></li>
<form name="teamStandingForm" action="/TeamStanding" method="GET"></form>
<li><a href="#" onclick="javascript:document.teamStandingForm.submit()">팀 순위</a></li>
<form name="topScorersForm" action="/TopScorers" method="GET"></form>
<li><a href="#" onclick="javascript:document.topScorersForm.submit()">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="active"><a href="/" >프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="/TeamStanding">팀 순위</a></li>
<li><a href="/TopScorers">개인 순위</a></li>
<li><a href="/TeamStat">팀별 통계</a></li>
<li><a href="/PlayerStat">개인별 통계</a></li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
......@@ -103,22 +77,22 @@
<div class="col-md-3">
<h4>팀 순위</h4>
<p>이 사이트는 팀 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStanding.html">자세히 알아보기</a></p>
<p><a class="btn btn-default" href="/TeamStanding">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 순위</h4>
<p>이 사이트는 개인 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStanding.html">자세히 알아보기</a></p>
<p><a class="btn btn-default" href="/TopScorers">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>팀별 통계</h4>
<p>이 사이트는 팀 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStat.html">자세히 알아보기</a></p>
<p><a class="btn btn-default" href="/TeamStat">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 통계</h4>
<p>이 사이트는 개인 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStat.html">자세히 알아보기</a></p>
<p><a class="btn btn-default" href="/PersonalStat">자세히 알아보기</a></p>
</div>
</div>
<footer style="background-color:#33cc33; color:#ffffff">
......