최시원 / Singer-Composer

Go to a project
Toggle navigation Toggle navigation pinning
Mukho
1685f7aa 1 parent ac5ece1b

Board Hits, Profile-Session, Add Link

Inline Side-by-side
Showing 25 changed files with 387 additions and 81 deletions
1 +<!DOCTYPE html>
2 +<html lang="en">
3 + <head>
4 + <meta charset="utf-8" />
5 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 + <meta name="description" content="" />
7 + <meta name="author" content="" />
8 + <title>묵호 - 놀이터</title>
9 + <!-- Favicon-->
10 + <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 + <!-- Bootstrap icons-->
12 + <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
13 + <!-- Google fonts-->
14 + <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
15 + <!-- Core theme CSS (includes Bootstrap)-->
16 + <link href="../css/styles.css" rel="stylesheet" />
17 + </head>
18 + <body>
19 + <!-- Navigation-->
20 + <nav class="navbar navbar-light bg-light static-top">
21 + <div class="container">
22 + <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 + </ul>
29 + <div class="user">
30 + <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
31 + <a class="btn btn-primary" href="/register">회원가입</a>
32 + </div>
33 + </div>
34 + </nav>
35 + <!-- Masthead-->
36 + <header class="masthead">
37 + <div class="container position-relative">
38 + <div class="row justify-content-center">
39 + <div class="col-xl-6">
40 + <div class="text-center text-white">
41 + <!-- Page heading-->
42 + <h1 class="mb-5">묵호가 만든 놀이터다. 작곡가와 가수가 서로 연결되는데 그 목적이 있다.</h1>
43 + </div>
44 + </div>
45 + </div>
46 + </div>
47 + </header>
48 + <!-- Footer-->
49 + <footer class="footer bg-light">
50 + <div class="container">
51 + <div class="row">
52 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
53 + <ul class="list-inline mb-2">
54 + <li class="list-inline-item"><a href="/about">About</a></li>
55 + <li class="list-inline-item">⋅</li>
56 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
57 + <li class="list-inline-item">⋅</li>
58 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
59 + <li class="list-inline-item">⋅</li>
60 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
61 + </ul>
62 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
63 + </div>
64 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
65 + <ul class="list-inline mb-0">
66 + <li class="list-inline-item me-4">
67 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
68 + </li>
69 + <li class="list-inline-item me-4">
70 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
71 + </li>
72 + <li class="list-inline-item">
73 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
74 + </li>
75 + </ul>
76 + </div>
77 + </div>
78 + </div>
79 + </footer>
80 + <!-- Bootstrap core JS-->
81 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
82 + <!-- Core theme JS-->
83 + <script src="../js/scripts.js"></script>
84 + <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
85 + <!-- * * SB Forms JS * *-->
86 + <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
87 + <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
88 + <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
89 + </body>
90 +</html>
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a> 30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
...@@ -38,9 +38,9 @@ ...@@ -38,9 +38,9 @@
38 <div class="row"> 38 <div class="row">
39 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 39 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
40 <ul class="list-inline mb-2"> 40 <ul class="list-inline mb-2">
41 - <li class="list-inline-item"><a href="#!">About</a></li> 41 + <li class="list-inline-item"><a href="/about">About</a></li>
42 <li class="list-inline-item">⋅</li> 42 <li class="list-inline-item">⋅</li>
43 - <li class="list-inline-item"><a href="#!">Contact</a></li> 43 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
44 <li class="list-inline-item">⋅</li> 44 <li class="list-inline-item">⋅</li>
45 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 45 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
46 <li class="list-inline-item">⋅</li> 46 <li class="list-inline-item">⋅</li>
......
...@@ -20,10 +20,10 @@ ...@@ -20,10 +20,10 @@
20 <div class="container"> 20 <div class="container">
21 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 21 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 23 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
26 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 26 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
27 </ul> 27 </ul>
28 <div class="user"> 28 <div class="user">
29 <a class="btn btn-primary" href="/register">회원가입</a> 29 <a class="btn btn-primary" href="/register">회원가입</a>
...@@ -54,9 +54,9 @@ ...@@ -54,9 +54,9 @@
54 <div class="row"> 54 <div class="row">
55 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 55 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
56 <ul class="list-inline mb-2"> 56 <ul class="list-inline mb-2">
57 - <li class="list-inline-item"><a href="#!">About</a></li> 57 + <li class="list-inline-item"><a href="/about">About</a></li>
58 <li class="list-inline-item">⋅</li> 58 <li class="list-inline-item">⋅</li>
59 - <li class="list-inline-item"><a href="#!">Contact</a></li> 59 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
60 <li class="list-inline-item">⋅</li> 60 <li class="list-inline-item">⋅</li>
61 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 61 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
62 <li class="list-inline-item">⋅</li> 62 <li class="list-inline-item">⋅</li>
......
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a> 30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
...@@ -114,23 +114,23 @@ ...@@ -114,23 +114,23 @@
114 <div class="row"> 114 <div class="row">
115 <div class="col-lg-4"> 115 <div class="col-lg-4">
116 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 116 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
117 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-1.jpg" alt="..." /> 117 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/ko.jpg" alt="..." />
118 - <h5>Margaret E.</h5> 118 + <h5>Mukho</h5>
119 - <p class="font-weight-light mb-0">"This is fantastic! Thanks so much guys!"</p> 119 + <p class="font-weight-light mb-0">"자주경희 청년이과 대동지리"</p>
120 </div> 120 </div>
121 </div> 121 </div>
122 <div class="col-lg-4"> 122 <div class="col-lg-4">
123 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 123 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
124 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-2.jpg" alt="..." /> 124 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/bae.jpg" alt="..." />
125 - <h5>Fred S.</h5> 125 + <h5>승호 D. 배</h5>
126 - <p class="font-weight-light mb-0">"Bootstrap is amazing. I've been using it to create lots of super nice landing pages."</p> 126 + <p class="font-weight-light mb-0">"오픈소스와 함께한 모든 날 모든 순간이 주옥같았습니다"</p>
127 </div> 127 </div>
128 </div> 128 </div>
129 <div class="col-lg-4"> 129 <div class="col-lg-4">
130 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 130 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
131 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-3.jpg" alt="..." /> 131 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/choi.jpg" alt="..." />
132 - <h5>Sarah W.</h5> 132 + <h5>Rubyflyer</h5>
133 - <p class="font-weight-light mb-0">"Thanks so much for making these free resources available to us!"</p> 133 + <p class="font-weight-light mb-0">"부끄러운 코딩을 해왔습니다."</p>
134 </div> 134 </div>
135 </div> 135 </div>
136 </div> 136 </div>
...@@ -186,9 +186,9 @@ ...@@ -186,9 +186,9 @@
186 <div class="row"> 186 <div class="row">
187 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 187 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
188 <ul class="list-inline mb-2"> 188 <ul class="list-inline mb-2">
189 - <li class="list-inline-item"><a href="#!">About</a></li> 189 + <li class="list-inline-item"><a href="/about">About</a></li>
190 <li class="list-inline-item">⋅</li> 190 <li class="list-inline-item">⋅</li>
191 - <li class="list-inline-item"><a href="#!">Contact</a></li> 191 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
192 <li class="list-inline-item">⋅</li> 192 <li class="list-inline-item">⋅</li>
193 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 193 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
194 <li class="list-inline-item">⋅</li> 194 <li class="list-inline-item">⋅</li>
......
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a> 30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
...@@ -71,9 +71,9 @@ ...@@ -71,9 +71,9 @@
71 <div class="row"> 71 <div class="row">
72 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 72 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
73 <ul class="list-inline mb-2"> 73 <ul class="list-inline mb-2">
74 - <li class="list-inline-item"><a href="#!">About</a></li> 74 + <li class="list-inline-item"><a href="/about">About</a></li>
75 <li class="list-inline-item">⋅</li> 75 <li class="list-inline-item">⋅</li>
76 - <li class="list-inline-item"><a href="#!">Contact</a></li> 76 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
77 <li class="list-inline-item">⋅</li> 77 <li class="list-inline-item">⋅</li>
78 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 78 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
79 <li class="list-inline-item">⋅</li> 79 <li class="list-inline-item">⋅</li>
......
...@@ -50,7 +50,6 @@ DB구조 - board에서 사용됨(*idx, name, title, content, regdate, modidate, ...@@ -50,7 +50,6 @@ DB구조 - board에서 사용됨(*idx, name, title, content, regdate, modidate,
50 50
51 LF 오류시 git config --global core.autocrlf true 입력<br><br> 51 LF 오류시 git config --global core.autocrlf true 입력<br><br>
52 52
53 - 53 +최종 수정: 2021-11-19 05:43<br>
54 -최종 수정: 2021-11-19 02:23<br> 54 +최종 수정 내용: 게시글 조회수 구현, 프로필 수정 세션 연동, about/사이트 git 링크 추가, 프로필 추가<br>
55 -최종 수정 내용: 프로필 추가, 메뉴바/하단 추가, 게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함, 사용자 로그 생성<br> 55 +수정 내용: 메뉴바/하단 추가, 게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함, 사용자 로그 생성, 경로 지정 수정, 제목 추가, userDB, 회원가입에 nickname요소 추가, 세션에 ID + 닉네임 전달기능 추가, 게시판의 글쓰기 및 글 열람 기능 추가.
56 -수정 내용: 경로 지정 수정, 제목 추가, userDB, 회원가입에 nickname요소 추가, 세션에 ID + 닉네임 전달기능 추가, 게시판의 글쓰기 및 글 열람 기능 추가.
......
1 +var express = require('express')
2 +var app = express()
3 +var router = express.Router();
4 +var path = require('path') // 상대경로
5 +
6 +// main page는 login이 된 상태(세션정보가 있을때만) 접근이 가능하게 하자 -> info에 구현해놓음.
7 +router.get('/', function(req, res){
8 + var id = req.user;
9 + if(!id) res.sendFile(path.join(__dirname, "../../public/about.html"))
10 + if(id){
11 + var nickname = req.user.nickname;
12 + console.log(req.user.ID+'('+nickname+') 유저가 about 페이지에서 작업 중입니다.')
13 + res.render('about.ejs', {'ID': id, 'nickname': nickname});
14 + }
15 +});
16 +
17 +module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
...@@ -74,6 +74,13 @@ router.get('/read/:idx', function(req,res,next){ ...@@ -74,6 +74,13 @@ router.get('/read/:idx', function(req,res,next){
74 else{ 74 else{
75 var id = req.user.ID; 75 var id = req.user.ID;
76 var nickname = req.user.nickname; 76 var nickname = req.user.nickname;
77 +
78 + // 조회수 증가
79 + var sql_ = 'update board set hit=hit+1 where idx="'+idx+'"';
80 + board.query(sql_, function(err, row){
81 + if(err) console.error(err)
82 + })
83 +
77 console.log(req.user.ID+'('+nickname+') 유저가 '+idx+'번 게시글을 보고 있습니다.') 84 console.log(req.user.ID+'('+nickname+') 유저가 '+idx+'번 게시글을 보고 있습니다.')
78 res.render('read.ejs', {'ID':id, 'nickname': nickname, title:"글 상세", row:row[0]}) 85 res.render('read.ejs', {'ID':id, 'nickname': nickname, title:"글 상세", row:row[0]})
79 } 86 }
......
...@@ -3,13 +3,13 @@ var app = express() ...@@ -3,13 +3,13 @@ var app = express()
3 var router = express.Router(); 3 var router = express.Router();
4 var path = require('path') 4 var path = require('path')
5 5
6 -
7 -var profile = require('./profile/index')
8 var main = require('./main/main') 6 var main = require('./main/main')
9 var register = require('./register/index') 7 var register = require('./register/index')
10 var login = require('./login/index') 8 var login = require('./login/index')
11 var logout = require('./logout/index') 9 var logout = require('./logout/index')
12 var board = require('./board/index') 10 var board = require('./board/index')
11 +var profile = require('./profile/index')
12 +var about = require('./about/index')
13 13
14 // URL routing 14 // URL routing
15 // req = request, res = respond 15 // req = request, res = respond
...@@ -23,6 +23,7 @@ router.use('/register', register) ...@@ -23,6 +23,7 @@ router.use('/register', register)
23 router.use('/login', login) 23 router.use('/login', login)
24 router.use('/logout', logout) 24 router.use('/logout', logout)
25 router.use('/board', board) 25 router.use('/board', board)
26 -router.use('/profile',profile) 26 +router.use('/profile', profile)
27 +router.use('/about', about)
27 28
28 module.exports = router; 29 module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,6 +4,19 @@ var router = express.Router(); ...@@ -4,6 +4,19 @@ var router = express.Router();
4 var path = require('path') // 상대경로 4 var path = require('path') // 상대경로
5 var mysql_odbc = require('../../db/db_board')(); 5 var mysql_odbc = require('../../db/db_board')();
6 var myinfo = mysql_odbc.init(); 6 var myinfo = mysql_odbc.init();
7 +var passport = require('passport')
8 +var LocalStrategy = require('passport-local').Strategy
9 +
10 +passport.serializeUser(function(user, done){
11 + console.log('passport session save: '+ user.ID + '(' + user.nickname + ')')
12 + done(null, user)
13 +});
14 +passport.deserializeUser(function(user, done){
15 + var ID = user.ID;
16 + var nickname = user.nickname;
17 + console.log('passport session get ID: '+ ID + '(' + nickname + ')')
18 + done(null, {'ID': ID, 'nickname':nickname}); // 세션에서 값을 뽑아서 페이지에 전달하는 역할
19 +})
7 20
8 // main page는 login이 된 상태(세션정보가 있을때만) 접근이 가능하게 하자 -> info에 구현해놓음. 21 // main page는 login이 된 상태(세션정보가 있을때만) 접근이 가능하게 하자 -> info에 구현해놓음.
9 router.get('/', function(req, res){ 22 router.get('/', function(req, res){
...@@ -18,7 +31,7 @@ router.get('/', function(req, res){ ...@@ -18,7 +31,7 @@ router.get('/', function(req, res){
18 var type = rows[0].type; 31 var type = rows[0].type;
19 var profilemsg = rows[0].profilemsg; 32 var profilemsg = rows[0].profilemsg;
20 console.log(req.user.ID+'('+nickname+') 유저가 프로필을 보고있습니다.') 33 console.log(req.user.ID+'('+nickname+') 유저가 프로필을 보고있습니다.')
21 - res.render('profile.ejs', {'ID':id, 'nickname': nickname, 'profilemsg': profilemsg, 'type': type}) 34 + res.render('profile.ejs', {'ID':id, 'nickname': nickname, 'type': type, 'profilemsg': profilemsg})
22 }) 35 })
23 } 36 }
24 }); 37 });
...@@ -30,8 +43,9 @@ router.get('/update', function(req,res){ ...@@ -30,8 +43,9 @@ router.get('/update', function(req,res){
30 if (err) console.error("err : " + err); 43 if (err) console.error("err : " + err);
31 var id = req.user.ID; 44 var id = req.user.ID;
32 var nickname = req.user.nickname; 45 var nickname = req.user.nickname;
46 + var type = req.user.type;
33 var profilemsg = rows[0].profilemsg; 47 var profilemsg = rows[0].profilemsg;
34 - res.render('profmsgedit.ejs', {'ID':id, 'nickname': nickname, 'profilemsg': profilemsg}); 48 + res.render('profmsgedit.ejs', {'ID':id, 'nickname': nickname, 'type':type, 'profilemsg': profilemsg, 'message':''});
35 }) 49 })
36 50
37 }) 51 })
...@@ -43,12 +57,39 @@ router.post('/update', function(req,res,next){ ...@@ -43,12 +57,39 @@ router.post('/update', function(req,res,next){
43 var type = req.body.type; 57 var type = req.body.type;
44 var datas = [profilemsg, nickname, type, id] 58 var datas = [profilemsg, nickname, type, id]
45 59
60 + // 기존 type과 profile만 추출하기 위한 쿼리
61 + var oldType;
62 + var oldProfilemsg;
63 +
64 + var subsql = 'select * from userdb where ID="'+id+'"';
65 + myinfo.query(subsql, function(err, result){
66 + if(err) console.error(err)
67 +
68 + oldType = result[0].type;
69 + oldProfilemsg = result[0].profilemsg;
70 + })
71 +
72 + // 닉네임 중복 거르기
73 + var sql_ = 'select * from userdb where nickname="'+nickname+'"';
74 + myinfo.query(sql_, function(err, result){
75 + if(err) console.error(err)
76 + // 변경하려는 닉네임이 중복이 아닌 경우 or 닉네임 변경이 없는 수정
77 + if(!result.length || (result.length && req.user.ID == result[0].ID)){
46 var sql = "update userdb set profilemsg =?, nickname=?, type=? where id =?" 78 var sql = "update userdb set profilemsg =?, nickname=?, type=? where id =?"
47 myinfo.query(sql,datas,function(err,result){ 79 myinfo.query(sql,datas,function(err,result){
48 if(err) console.error(err) 80 if(err) console.error(err)
49 81
50 - console.log(req.user.ID+'('+nickname+') 유저가 프로필을 수정했습니다.') 82 + console.log(req.user.ID+'('+req.session.passport.user.nickname+') 유저가 프로필을 수정했습니다.')
51 - res.redirect('/profile') 83 + console.log(" 변경전: "+id+"("+req.user.nickname+") "+oldType+" // "+oldProfilemsg)
84 + req.session.passport.user.nickname = nickname;
85 + console.log(" 변경후: "+id+"("+nickname+") "+type+" // "+profilemsg)
86 + res.redirect('/profile');
87 + })
88 + }
89 + else{ // 다른 유저의 닉네임과 중복되는 경우
90 + console.log(id+" 유저가 중복된 닉네임으로 변경을 시도했습니다.(시도한 닉네임: "+req.body.nickname+")")
91 + res.render('profmsgedit.ejs', {nickname: req.session.passport.user.nickname, profilemsg: oldProfilemsg, message : '중복된 닉네임입니다.'})
92 + }
52 }) 93 })
53 }) 94 })
54 95
......
1 +<!DOCTYPE html>
2 +<html lang="en">
3 + <head>
4 + <meta charset="utf-8" />
5 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 + <meta name="description" content="" />
7 + <meta name="author" content="" />
8 + <title>묵호 - 놀이터</title>
9 + <!-- Favicon-->
10 + <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 + <!-- Bootstrap icons-->
12 + <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
13 + <!-- Google fonts-->
14 + <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
15 + <!-- Core theme CSS (includes Bootstrap)-->
16 + <link href="../css/styles.css" rel="stylesheet" />
17 + </head>
18 + <body>
19 + <!-- Navigation-->
20 + <nav class="navbar navbar-light bg-light static-top">
21 + <div class="container">
22 + <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 + </ul>
29 + <div class="user">
30 + <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
31 + <a class="btn btn-primary" href="/logout">로그아웃</a>
32 + </div>
33 + </div>
34 + </nav>
35 + <!-- Masthead-->
36 + <header class="masthead">
37 + <div class="container position-relative">
38 + <div class="row justify-content-center">
39 + <div class="col-xl-6">
40 + <div class="text-center text-white">
41 + <!-- Page heading-->
42 + <h1 class="mb-5">묵호가 만든 놀이터다. 작곡가와 가수가 서로 연결되는데 그 목적이 있다.</h1>
43 + </div>
44 + </div>
45 + </div>
46 + </div>
47 + </header>
48 + <!-- Footer-->
49 + <footer class="footer bg-light">
50 + <div class="container">
51 + <div class="row">
52 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
53 + <ul class="list-inline mb-2">
54 + <li class="list-inline-item"><a href="/about">About</a></li>
55 + <li class="list-inline-item">⋅</li>
56 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
57 + <li class="list-inline-item">⋅</li>
58 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
59 + <li class="list-inline-item">⋅</li>
60 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
61 + </ul>
62 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
63 + </div>
64 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
65 + <ul class="list-inline mb-0">
66 + <li class="list-inline-item me-4">
67 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
68 + </li>
69 + <li class="list-inline-item me-4">
70 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
71 + </li>
72 + <li class="list-inline-item">
73 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
74 + </li>
75 + </ul>
76 + </div>
77 + </div>
78 + </div>
79 + </footer>
80 + <!-- Bootstrap core JS-->
81 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
82 + <!-- Core theme JS-->
83 + <script src="../js/scripts.js"></script>
84 + <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
85 + <!-- * * SB Forms JS * *-->
86 + <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
87 + <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
88 + <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
89 + </body>
90 +</html>
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 30 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -44,9 +44,9 @@ ...@@ -44,9 +44,9 @@
44 <td>등록일</td> 44 <td>등록일</td>
45 </tr> 45 </tr>
46 <% 46 <%
47 - for(var i = (page * page_num)-1; i >= (page * page_num) - page_num; i--) { 47 + for(var i = (page * page_num) - page_num; i < (page * page_num); i++) {
48 - if(i >= length){ 48 + if(i > length){
49 - i--; 49 + i++;
50 }else{ 50 }else{
51 var data = rows[i] 51 var data = rows[i]
52 %> 52 %>
...@@ -76,17 +76,15 @@ ...@@ -76,17 +76,15 @@
76 <nav class="navbar"> 76 <nav class="navbar">
77 <a class="btn btn-outline-primary me-2" href="/board/write">글쓰기</a> 77 <a class="btn btn-outline-primary me-2" href="/board/write">글쓰기</a>
78 </nav> 78 </nav>
79 -
80 </div> 79 </div>
81 - <!-- Footer-->
82 <footer class="footer bg-light"> 80 <footer class="footer bg-light">
83 <div class="container"> 81 <div class="container">
84 <div class="row"> 82 <div class="row">
85 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 83 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
86 <ul class="list-inline mb-2"> 84 <ul class="list-inline mb-2">
87 - <li class="list-inline-item"><a href="#!">About</a></li> 85 + <li class="list-inline-item"><a href="/about">About</a></li>
88 <li class="list-inline-item">⋅</li> 86 <li class="list-inline-item">⋅</li>
89 - <li class="list-inline-item"><a href="#!">Contact</a></li> 87 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
90 <li class="list-inline-item">⋅</li> 88 <li class="list-inline-item">⋅</li>
91 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 89 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
92 <li class="list-inline-item">⋅</li> 90 <li class="list-inline-item">⋅</li>
...@@ -112,4 +110,3 @@ ...@@ -112,4 +110,3 @@
112 </footer> 110 </footer>
113 </body> 111 </body>
114 </html> 112 </html>
...\ No newline at end of file ...\ No newline at end of file
115 -
......
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a class="btn btn-primary" href="/register">회원가입</a> 30 <a class="btn btn-primary" href="/register">회원가입</a>
...@@ -56,9 +56,9 @@ ...@@ -56,9 +56,9 @@
56 <div class="row"> 56 <div class="row">
57 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 57 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
58 <ul class="list-inline mb-2"> 58 <ul class="list-inline mb-2">
59 - <li class="list-inline-item"><a href="#!">About</a></li> 59 + <li class="list-inline-item"><a href="/about">About</a></li>
60 <li class="list-inline-item">⋅</li> 60 <li class="list-inline-item">⋅</li>
61 - <li class="list-inline-item"><a href="#!">Contact</a></li> 61 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
62 <li class="list-inline-item">⋅</li> 62 <li class="list-inline-item">⋅</li>
63 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 63 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
64 <li class="list-inline-item">⋅</li> 64 <li class="list-inline-item">⋅</li>
......
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 30 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -107,23 +107,23 @@ ...@@ -107,23 +107,23 @@
107 <div class="row"> 107 <div class="row">
108 <div class="col-lg-4"> 108 <div class="col-lg-4">
109 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 109 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
110 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-1.jpg" alt="..." /> 110 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/ko.jpg" alt="..." />
111 - <h5>Margaret E.</h5> 111 + <h5>Mukho</h5>
112 - <p class="font-weight-light mb-0">"This is fantastic! Thanks so much guys!"</p> 112 + <p class="font-weight-light mb-0">"자주경희 청년이과 대동지리"</p>
113 </div> 113 </div>
114 </div> 114 </div>
115 <div class="col-lg-4"> 115 <div class="col-lg-4">
116 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 116 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
117 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-2.jpg" alt="..." /> 117 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/bae.jpg" alt="..." />
118 - <h5>Fred S.</h5> 118 + <h5>승호 D. 배</h5>
119 - <p class="font-weight-light mb-0">"Bootstrap is amazing. I've been using it to create lots of super nice landing pages."</p> 119 + <p class="font-weight-light mb-0">"오픈소스와 함께한 모든 날 모든 순간이 주옥같았습니다"</p>
120 </div> 120 </div>
121 </div> 121 </div>
122 <div class="col-lg-4"> 122 <div class="col-lg-4">
123 <div class="testimonial-item mx-auto mb-5 mb-lg-0"> 123 <div class="testimonial-item mx-auto mb-5 mb-lg-0">
124 - <img class="img-fluid rounded-circle mb-3" src="../assets/img/testimonials-3.jpg" alt="..." /> 124 + <img class="img-fluid rounded-circle mb-3" src="../assets/img/choi.jpg" alt="..." />
125 - <h5>Sarah W.</h5> 125 + <h5>Rubyflyer</h5>
126 - <p class="font-weight-light mb-0">"Thanks so much for making these free resources available to us!"</p> 126 + <p class="font-weight-light mb-0">"부끄러운 코딩을 해왔습니다."</p>
127 </div> 127 </div>
128 </div> 128 </div>
129 </div> 129 </div>
...@@ -179,9 +179,9 @@ ...@@ -179,9 +179,9 @@
179 <div class="row"> 179 <div class="row">
180 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 180 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
181 <ul class="list-inline mb-2"> 181 <ul class="list-inline mb-2">
182 - <li class="list-inline-item"><a href="#!">About</a></li> 182 + <li class="list-inline-item"><a href="/about">About</a></li>
183 <li class="list-inline-item">⋅</li> 183 <li class="list-inline-item">⋅</li>
184 - <li class="list-inline-item"><a href="#!">Contact</a></li> 184 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
185 <li class="list-inline-item">⋅</li> 185 <li class="list-inline-item">⋅</li>
186 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 186 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
187 <li class="list-inline-item">⋅</li> 187 <li class="list-inline-item">⋅</li>
......
...@@ -20,10 +20,10 @@ ...@@ -20,10 +20,10 @@
20 <div class="container"> 20 <div class="container">
21 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 21 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 23 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
26 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 26 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
27 </ul> 27 </ul>
28 <div class="user"> 28 <div class="user">
29 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 29 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -56,6 +56,37 @@ ...@@ -56,6 +56,37 @@
56 56
57 </div> 57 </div>
58 </div> 58 </div>
59 - 59 + <!-- Footer-->
60 + <footer class="footer bg-light">
61 + <div class="container">
62 + <div class="row">
63 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
64 + <ul class="list-inline mb-2">
65 + <li class="list-inline-item"><a href="/about">About</a></li>
66 + <li class="list-inline-item">⋅</li>
67 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
68 + <li class="list-inline-item">⋅</li>
69 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
70 + <li class="list-inline-item">⋅</li>
71 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
72 + </ul>
73 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
74 + </div>
75 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
76 + <ul class="list-inline mb-0">
77 + <li class="list-inline-item me-4">
78 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
79 + </li>
80 + <li class="list-inline-item me-4">
81 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
82 + </li>
83 + <li class="list-inline-item">
84 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
85 + </li>
86 + </ul>
87 + </div>
88 + </div>
89 + </div>
90 + </footer>
60 </body> 91 </body>
61 </html> 92 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,10 +20,10 @@ ...@@ -20,10 +20,10 @@
20 <div class="container"> 20 <div class="container">
21 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 21 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 23 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 25 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
26 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 26 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
27 </ul> 27 </ul>
28 <div class="user"> 28 <div class="user">
29 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 29 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -41,8 +41,41 @@ ...@@ -41,8 +41,41 @@
41 <option value="작곡가">작곡가</option> 41 <option value="작곡가">작곡가</option>
42 <option value="가수">가수</option> 42 <option value="가수">가수</option>
43 </select> 43 </select>
44 + <section class="messages" style="color:crimson;"> <%= message %> </section>
44 <button class="btn btn-primary btn-lg" id="submitButton" type="submit">수정</button> 45 <button class="btn btn-primary btn-lg" id="submitButton" type="submit">수정</button>
45 </form> 46 </form>
46 </div> 47 </div>
48 + <!-- Footer-->
49 + <footer class="footer bg-light">
50 + <div class="container">
51 + <div class="row">
52 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
53 + <ul class="list-inline mb-2">
54 + <li class="list-inline-item"><a href="/about">About</a></li>
55 + <li class="list-inline-item">⋅</li>
56 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
57 + <li class="list-inline-item">⋅</li>
58 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
59 + <li class="list-inline-item">⋅</li>
60 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
61 + </ul>
62 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
63 + </div>
64 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
65 + <ul class="list-inline mb-0">
66 + <li class="list-inline-item me-4">
67 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
68 + </li>
69 + <li class="list-inline-item me-4">
70 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
71 + </li>
72 + <li class="list-inline-item">
73 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
74 + </li>
75 + </ul>
76 + </div>
77 + </div>
78 + </div>
79 + </footer>
47 </body> 80 </body>
48 </html> 81 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,10 +18,10 @@ ...@@ -18,10 +18,10 @@
18 <div class="container"> 18 <div class="container">
19 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 19 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
20 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 20 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
21 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 21 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
22 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 22 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
23 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 23 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
24 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 24 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
25 </ul> 25 </ul>
26 <div class="user"> 26 <div class="user">
27 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 27 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 </tr> 67 </tr>
68 <tr> 68 <tr>
69 <td>조회수</td> 69 <td>조회수</td>
70 - <td><%=row.hit%></td> 70 + <td><%=row.hit+1%></td>
71 </tr> 71 </tr>
72 <tr> 72 <tr>
73 <td colspan="3"> 73 <td colspan="3">
...@@ -87,9 +87,9 @@ ...@@ -87,9 +87,9 @@
87 <div class="row"> 87 <div class="row">
88 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 88 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
89 <ul class="list-inline mb-2"> 89 <ul class="list-inline mb-2">
90 - <li class="list-inline-item"><a href="#!">About</a></li> 90 + <li class="list-inline-item"><a href="/about">About</a></li>
91 <li class="list-inline-item">⋅</li> 91 <li class="list-inline-item">⋅</li>
92 - <li class="list-inline-item"><a href="#!">Contact</a></li> 92 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
93 <li class="list-inline-item">⋅</li> 93 <li class="list-inline-item">⋅</li>
94 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 94 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
95 <li class="list-inline-item">⋅</li> 95 <li class="list-inline-item">⋅</li>
......
...@@ -21,10 +21,10 @@ ...@@ -21,10 +21,10 @@
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 24 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 26 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 27 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a> 30 <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
...@@ -73,9 +73,9 @@ ...@@ -73,9 +73,9 @@
73 <div class="row"> 73 <div class="row">
74 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 74 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
75 <ul class="list-inline mb-2"> 75 <ul class="list-inline mb-2">
76 - <li class="list-inline-item"><a href="#!">About</a></li> 76 + <li class="list-inline-item"><a href="/about">About</a></li>
77 <li class="list-inline-item">⋅</li> 77 <li class="list-inline-item">⋅</li>
78 - <li class="list-inline-item"><a href="#!">Contact</a></li> 78 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
79 <li class="list-inline-item">⋅</li> 79 <li class="list-inline-item">⋅</li>
80 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 80 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
81 <li class="list-inline-item">⋅</li> 81 <li class="list-inline-item">⋅</li>
......
...@@ -17,10 +17,10 @@ ...@@ -17,10 +17,10 @@
17 <div class="container"> 17 <div class="container">
18 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 18 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
19 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 19 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
20 - <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li> 20 + <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
21 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 21 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
22 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li> 22 <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
23 - <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li> 23 + <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
24 </ul> 24 </ul>
25 <div class="user"> 25 <div class="user">
26 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a> 26 <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
...@@ -63,9 +63,9 @@ ...@@ -63,9 +63,9 @@
63 <div class="row"> 63 <div class="row">
64 <div class="col-lg-6 h-100 text-center text-lg-start my-auto"> 64 <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
65 <ul class="list-inline mb-2"> 65 <ul class="list-inline mb-2">
66 - <li class="list-inline-item"><a href="#!">About</a></li> 66 + <li class="list-inline-item"><a href="/about">About</a></li>
67 <li class="list-inline-item">⋅</li> 67 <li class="list-inline-item">⋅</li>
68 - <li class="list-inline-item"><a href="#!">Contact</a></li> 68 + <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
69 <li class="list-inline-item">⋅</li> 69 <li class="list-inline-item">⋅</li>
70 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li> 70 <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
71 <li class="list-inline-item">⋅</li> 71 <li class="list-inline-item">⋅</li>
......