Toggle navigation
Toggle navigation
This project
Loading...
Sign in
최시원
/
Singer-Composer
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
Mukho
2021-11-18 19:35:35 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
97b5de2e1460798e4d315e4cd4b2882b0d1a74ce
97b5de2e
1 parent
ec1e5f2b
Add menubar
Hide whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
339 additions
and
20 deletions
public/board.html
public/login.html
public/main.html
public/register.html
readme.md
router/logout/index.js
views/list.ejs
views/login.ejs
views/main.ejs
views/read.ejs
views/register.ejs
views/write.ejs
public/board.html
View file @
97b5de2
...
...
@@ -20,13 +20,50 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-
primary
"
href=
"/login"
>
로그인
</a>
<a
class=
"btn btn-
outline-primary me-2
"
href=
"/login"
>
로그인
</a>
<a
class=
"btn btn-primary"
href=
"/register"
>
회원가입
</a>
</div>
</div>
</nav>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
public/login.html
View file @
97b5de2
...
...
@@ -16,10 +16,15 @@
<link
href=
"../css/styles.css"
rel=
"stylesheet"
/>
</head>
<body>
<!-- Navigation-->
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-primary"
href=
"/register"
>
회원가입
</a>
</div>
...
...
@@ -43,5 +48,37 @@
</div>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
public/main.html
View file @
97b5de2
...
...
@@ -20,8 +20,14 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-
primary
"
href=
"/login"
>
로그인
</a>
<a
class=
"btn btn-
outline-primary me-2
"
href=
"/login"
>
로그인
</a>
<a
class=
"btn btn-primary"
href=
"/register"
>
회원가입
</a>
</div>
</div>
...
...
@@ -215,11 +221,11 @@
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"
#!"
>
Terms of Use
</a></li>
<li
class=
"list-inline-item"
><a
href=
"
http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"
#!"
>
Privacy Policy
</a></li>
<li
class=
"list-inline-item"
><a
href=
"
http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Your Website
2021. All Rights Reserved.
</p>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho
2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
...
...
public/register.html
View file @
97b5de2
...
...
@@ -19,9 +19,15 @@
<!-- Navigation-->
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"http://localhost:3000/"
>
묵호의 놀이터
</a>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-
primary"
href=
"http://localhost:3000
/login"
>
로그인
</a>
<a
class=
"btn btn-
outline-primary me-2"
href=
"
/login"
>
로그인
</a>
</div>
</div>
</nav>
...
...
@@ -59,5 +65,37 @@
</div>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
readme.md
View file @
97b5de2
...
...
@@ -42,6 +42,6 @@ DB구조 - board에서 사용됨(*idx, name, title, content, regdate, modidate,
LF 오류시 git config --global core.autocrlf true 입력
<br><br>
최종 수정: 2021-11-18 1
3:17
<br>
최종 수정 내용: 게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함
최종 수정: 2021-11-18 1
9:35
<br>
최종 수정 내용:
메뉴바/하단 추가,
게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함
수정 내용: 경로 지정 수정, 제목 추가, userDB, 회원가입에 nickname요소 추가, 세션에 ID + 닉네임 전달기능 추가, 게시판의 글쓰기 및 글 열람 기능 추가.
...
...
router/logout/index.js
View file @
97b5de2
var
express
=
require
(
'express'
)
var
app
=
express
()
var
router
=
express
.
Router
();
var
path
=
require
(
'path'
)
router
.
get
(
'/'
,
function
(
req
,
res
){
console
.
log
(
req
.
user
.
ID
+
"("
+
req
.
user
.
nickname
+
") 유저가 로그아웃합니다."
)
req
.
logout
();
req
.
session
.
save
(
function
(){
res
.
redirect
(
'/'
);
})
var
id
=
req
.
user
;
if
(
!
id
)
res
.
redirect
(
'/main'
)
else
{
console
.
log
(
req
.
user
.
ID
+
"("
+
req
.
user
.
nickname
+
") 유저가 로그아웃합니다."
)
req
.
logout
();
req
.
session
.
save
(
function
(){
res
.
redirect
(
'/'
);
})
}
});
module
.
exports
=
router
;
\ No newline at end of file
...
...
views/list.ejs
View file @
97b5de2
...
...
@@ -20,6 +20,12 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a>
<
%= nickname %> 님 안녕하세요
</section></a>
<a
class=
"btn btn-primary"
href=
"/logout"
>
로그아웃
</a>
...
...
@@ -54,6 +60,38 @@
<
%}%>
</table>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
...
...
views/login.ejs
View file @
97b5de2
...
...
@@ -20,6 +20,12 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-primary"
href=
"/register"
>
회원가입
</a>
</div>
...
...
@@ -44,5 +50,37 @@
<section
class=
"messages"
style=
"color:crimson;"
>
<
%= message %>
</section>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
views/main.ejs
View file @
97b5de2
...
...
@@ -20,6 +20,12 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a>
<
%=nickname%> 님 안녕하세요
</a>
<a
class=
"btn btn-primary"
href=
"/logout"
>
로그아웃
</a>
...
...
@@ -206,11 +212,11 @@
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"
#!"
>
Terms of Use
</a></li>
<li
class=
"list-inline-item"
><a
href=
"
http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"
#!"
>
Privacy Policy
</a></li>
<li
class=
"list-inline-item"
><a
href=
"
http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Your Website
2021. All Rights Reserved.
</p>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho
2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
...
...
views/read.ejs
View file @
97b5de2
...
...
@@ -17,6 +17,12 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a>
<
%= nickname %> 님 안녕하세요
</section></a>
<a
class=
"btn btn-primary"
href=
"/logout"
>
로그아웃
</a>
...
...
@@ -66,5 +72,37 @@
</table>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
views/register.ejs
View file @
97b5de2
...
...
@@ -20,8 +20,14 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a
class=
"btn btn-
primary
"
href=
"/login"
>
로그인
</a>
<a
class=
"btn btn-
outline-primary me-2
"
href=
"/login"
>
로그인
</a>
</div>
</div>
</nav>
...
...
@@ -61,5 +67,37 @@
<section
class=
"messages"
style=
"color:crimson;"
>
<
%= message %>
</section>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
views/write.ejs
View file @
97b5de2
...
...
@@ -16,6 +16,12 @@
<nav
class=
"navbar navbar-light bg-light static-top"
>
<div
class=
"container"
>
<a
class=
"navbar-brand"
href=
"/main"
>
묵호의 놀이터
</a>
<ul
class=
"nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
About(미구현)
</a></li>
<li><a
href=
"/board/list"
class=
"nav-link px-2 link-dark"
>
게시판
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
채팅
</a></li>
<li><a
href=
"#"
class=
"nav-link px-2 link-dark"
>
???(미구현)
</a></li>
</ul>
<div
class=
"user"
>
<a>
<
%= nickname %> 님 안녕하세요
</section></a>
<a
class=
"btn btn-primary"
href=
"/logout"
>
로그아웃
</a>
...
...
@@ -51,5 +57,37 @@
</table>
</form>
</div>
<!-- Footer-->
<footer
class=
"footer bg-light"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"col-lg-6 h-100 text-center text-lg-start my-auto"
>
<ul
class=
"list-inline mb-2"
>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
About
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"#!"
>
Contact
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://ce.khu.ac.kr/"
>
경희대학교 컴퓨터공학과
</a></li>
<li
class=
"list-inline-item"
>
⋅
</li>
<li
class=
"list-inline-item"
><a
href=
"http://geo.khu.ac.kr/"
>
경희대학교 지리학과
</a></li>
</ul>
<p
class=
"text-muted small mb-4 mb-lg-0"
>
©
Mukho 2021. All Rights Reserved.
</p>
</div>
<div
class=
"col-lg-6 h-100 text-center text-lg-end my-auto"
>
<ul
class=
"list-inline mb-0"
>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-facebook fs-3"
></i></a>
</li>
<li
class=
"list-inline-item me-4"
>
<a
href=
"#!"
><i
class=
"bi-twitter fs-3"
></i></a>
</li>
<li
class=
"list-inline-item"
>
<a
href=
"#!"
><i
class=
"bi-instagram fs-3"
></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
...
...
Please
register
or
login
to post a comment