조인천 / Youtube_MPL

Go to a project
Toggle navigation Toggle navigation pinning
kimkyeonghun
247da418 1 parent 911f527c

오류발생으로 수정

Inline Side-by-side
Showing 13 changed files with 128 additions and 8 deletions
......@@ -37,11 +37,18 @@ app.configure('development', function(){ // 개발 버전
});
// 라우팅
app.get('/Vlist', main.index);
app.get('/Vlist',function(req,res){
fs.readFile('./views/index.ejs',function(error,data){
res.writeHead(200,{'Content-Type':'text/html'});
res.end(data);
return;
})
});
app.get('/',function(req,res){
fs.readFile('./views/login.html/',function(error,data){
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(data);
return;
})
});
app.get('/signup',function(req,res){
......
......@@ -36,7 +36,7 @@ $(function() {
'password' : $('#passwd').val(),
},
'success': function(e){
location.href='/login';
location.href='/';
}
})
})
......
......@@ -52,7 +52,6 @@ $(document).ready(function () {
},
'success': get_list
});
alert("다운로드가 완료되었습니다.");
});
$('tbody').on('click', '.btn-danger', function () { // 선택한 할 일 삭제하기
......
......@@ -10,6 +10,8 @@ exports.index = function(req, res){
}
fs.writeFile('./API_Key.json', JSON.stringify(data), function (err) { // todo_list.json 파일 쓰기
res.json(data);
return;
});
res.render('index', { title: '나만의 YOUTUBE 리스트' });
return;
};
......
{"list":[{"contents":"[하나금융그룹x손흥민 광고] "함께가 힘이다. 하나가 힘이다(Full Ver)" 편","videoId":"HlYWi_AdVYc","complete":false},{"contents":"손흥민 잉글랜드무대 첫 해트트릭,,,!!! 평점 10점받은 경기 ● 토트넘 vs 밀월 ● 하이라이트","videoId":"wbv5bUErdX0","complete":false},{"contents":"구자철 세계최초 두부 트래핑 도전 l 슛포러브 Shoot for Love","videoId":"1z9rGJue4pQ","complete":false},{"contents":"고려청자를 트래핑 할수 있을까요?? 구자철 선수가 직접 도전에 나서보았습니다 l 슛포러브 Shoot for Love","videoId":"Fbn85Ghgclg","complete":false},{"contents":"우리가 원했던 경기력 !!! 손흥민 멀티골, 기성용 탈압박 ● 대한민국 vs 콜롬비아 ● 하이라이트","videoId":"9dQ02l7YlQI","complete":false},{"contents":"기성용의 후배털기 ( 손흥민, 이승우, 정우영, 황희찬, 황의조)","videoId":"lHIZJ58UQow","complete":false}]}
\ No newline at end of file
{"list":[{"contents":"우리가 원했던 경기력 !!! 손흥민 멀티골, 기성용 탈압박 ● 대한민국 vs 콜롬비아 ● 하이라이트","videoId":"9dQ02l7YlQI","complete":false},{"contents":"손흥민 슛팅 막는 일반인 골키퍼 시점ㅋㅋㅋㅋ (진짜 맞을 것 같음ㄷㄷㄷ) l #우리흥직캠","videoId":"yA7O_3sUhAY","complete":true},{"contents":"멕시코전 앞두고 손흥민과 치차리토를 만난 박지성. 긴 대화가 진짜 필요없는 듯 l 후방빌드업 in 러시아 월드컵 l 슛포러브 Shoot for Love","videoId":"GfHfuVOO37Q","complete":false}]}
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<meta charset="utf-8">
<title>나만의 YOUTUBE 리스트</title>
<link rel="stylesheet" href="/stylesheets/style.css" />
<link rel="stylesheet" href="/bootstrap.min.css" />
<meta name="description" content="The Overflowing church website's main page" />
<meta name="author" content="unikys@gmail.com" />
<style>
#topMenu {
height: 30px;
width: 1700px;
}
#topMenu ul li {
list-style: none;
color: white;
background-color: #2d2d2d;
float: left;
line-height: 30px;
vertical-align: middle;
text-align: center;
}
#topMenu .menuLink {
text-decoration:none;
color: white;
display: block;
width: 150px;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS";
}
#topMenu .menuLink:hover {
color: red;
background-color: #4d4d4d;
}
</style>
</head>
<body>
<h1><%= title %></h1>
<nav id="topMenu" >
<ul class="nav navbar-nav">
<a class="menuLink" href="https://www.youtube.com/" target = "_blank"><img src = "http://tech.kobeta.com/wp-content/uploads/2018/08/2-1.jpg" width = 150></a>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a class="menuLink" href="/">로그아웃</a></li>
</ul>
</nav>
<h1>나만의 YOUTUBE 리스트</h1>
<form class="form-inline"> <!-- 새로운 ToDo 항목 추가 -->
<div class="form-group">
<input type="text" class="form-control" id="new_todo" placeholder="유튜브명">
......
......@@ -17,8 +17,43 @@
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<title>로그인</title>
<meta name="description" content="The Overflowing church website's main page" />
<meta name="author" content="unikys@gmail.com" />
<style>
#topMenu {
height: 30px;
width: 1700px;
}
#topMenu ul li {
list-style: none;
color: white;
background-color: #2d2d2d;
float: left;
line-height: 30px;
vertical-align: middle;
text-align: center;
}
#topMenu .menuLink {
text-decoration:none;
color: white;
display: block;
width: 150px;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS";
}
#topMenu .menuLink:hover {
color: red;
background-color: #4d4d4d;
}
</style>
</head>
<body>
<nav id="topMenu" >
<ul class="nav navbar-nav">
<a class="menuLink" href="https://www.youtube.com/" target = "_blank"><img src = "http://tech.kobeta.com/wp-content/uploads/2018/08/2-1.jpg" width = 150></a>
</ul>
</nav>
<main class="login-form">
<div class="cotainer">
<div class="row justify-content-center">
......
......@@ -6,14 +6,52 @@
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<meta name="description" content="The Overflowing church website's main page" />
<meta name="author" content="unikys@gmail.com" />
<style>
#topMenu {
height: 30px;
width: 1700px;
}
#topMenu ul li {
list-style: none;
color: white;
background-color: #2d2d2d;
float: left;
line-height: 30px;
vertical-align: middle;
text-align: center;
}
#topMenu .menuLink {
text-decoration:none;
color: white;
display: block;
width: 150px;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS";
}
#topMenu .menuLink:hover {
color: red;
background-color: #4d4d4d;
}
</style>
<title>회원가입 페이지</title>
</head>
<form class="form-horizontal">
<fieldset>
<legend>
<nav id="topMenu" >
<ul class="nav navbar-nav">
<a class="menuLink" href="https://www.youtube.com/" target = "_blank"><img src = "http://tech.kobeta.com/wp-content/uploads/2018/08/2-1.jpg" width = 150></a>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a class="menuLink" href="/">뒤로가기</a></li>
</ul>
</nav>
</legend>
<!-- Form Name -->
<legend>새로운 사용자 등록</legend>
<!-- Text input-->
<div class="form-group">
......