Mukho

Update readme.md and Site name

This file is too large to display.
This file is too large to display.
This file is too large to display.
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - About</title> 8 + <title>가수와 작곡가의 만남 - About</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 게시판</title> 8 + <title>가수와 작곡가의 만남 - 게시판</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 로그인</title> 8 + <title>가수와 작곡가의 만남 - 로그인</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <body> 18 <body>
19 <nav class="navbar navbar-light bg-light static-top"> 19 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 놀이터</title> 8 + <title>가수와 작곡가의 만남</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/아이콘.png" /> 10 <link rel="icon" type="image/x-icon" href="../assets/아이콘.png" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 <div class="col-xl-6"> 39 <div class="col-xl-6">
40 <div class="text-center text-white"> 40 <div class="text-center text-white">
41 <!-- Page heading--> 41 <!-- Page heading-->
42 - <h1 class="mb-5">묵호가 만든 놀이터다. 작곡가와 가수가 서로 연결되는데 그 목적이 있다.</h1> 42 + <h1 class="mb-5">가수와 작곡가의 만남<br>가수와 작곡가의 협업을 도와주는 사이트입니다.</h1>
43 <iframe width="560" height="315" src="https://www.youtube.com/embed/wgbr7exUnzE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 43 <iframe width="560" height="315" src="https://www.youtube.com/embed/wgbr7exUnzE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
44 </div> 44 </div>
45 </div> 45 </div>
...@@ -53,22 +53,22 @@ ...@@ -53,22 +53,22 @@
53 <div class="col-lg-4"> 53 <div class="col-lg-4">
54 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"> 54 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
55 <div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div> 55 <div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div>
56 - <h3>Fully Responsive</h3> 56 + <h3>협업을 도와주는 공간</h3>
57 - <p class="lead mb-0">This theme will look great on any device, no matter the size!</p> 57 + <p class="lead mb-0">이곳에서 서로의 협업 파트너를 찾아보세요.</p>
58 </div> 58 </div>
59 </div> 59 </div>
60 <div class="col-lg-4"> 60 <div class="col-lg-4">
61 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"> 61 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
62 <div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div> 62 <div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div>
63 - <h3>Bootstrap 5 Ready</h3> 63 + <h3>게시판</h3>
64 - <p class="lead mb-0">Featuring the latest build of the new Bootstrap 5 framework!</p> 64 + <p class="lead mb-0">게시판을 통해 다른 사용자들과 교류해보세요. 사진 및 동영상 첨부가 가능합니다.</p>
65 </div> 65 </div>
66 </div> 66 </div>
67 <div class="col-lg-4"> 67 <div class="col-lg-4">
68 <div class="features-icons-item mx-auto mb-0 mb-lg-3"> 68 <div class="features-icons-item mx-auto mb-0 mb-lg-3">
69 <div class="features-icons-icon d-flex"><i class="bi-terminal m-auto text-primary"></i></div> 69 <div class="features-icons-icon d-flex"><i class="bi-terminal m-auto text-primary"></i></div>
70 - <h3>Easy to Use</h3> 70 + <h3>채팅</h3>
71 - <p class="lead mb-0">Ready to use with your own content, or customize the source files!</p> 71 + <p class="lead mb-0">채팅을 통해 다른 사용자들과 실시간으로 의견을 나눠보세요.</p>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 회원가입</title> 8 + <title>가수와 작곡가의 만남 - 회원가입</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
1 -# Singer-Composer Matching Website Project 1 +# 누가 내 노래 좀 들어줘요
2 ++ Singer-Composer Matching Website Project
3 + - 누구나, 제한없이, 사용 가능한 '가수-작곡가' 매칭 사이트
2 + Developer 4 + Developer
3 - **고승완**(Mukho) 5 - **고승완**(Mukho)
4 - **배승호**(승호 D. 배) 6 - **배승호**(승호 D. 배)
5 - **최시원**(Rubyflyer) 7 - **최시원**(Rubyflyer)
6 -+ Git Address: http://khuhub.khu.ac.kr/2017104034/Singer-Composer
7 8
8 --- 9 ---
9 -## 사용 DB 정보 10 +## Usage
10 -``` 11 ++ 게시판
11 -{ 12 +>제목, 내용, 사진 및 동영상 첨부가 가능하다. 공지사항의 경우 운영자만 글쓰기 가능하고, 공통적으로 글 수정의 경우 작성자만, 글 삭제의 경우 운영자와 작성자만 가능하다.
12 - host: 'localhost', 13 +>공지사항: 운영자가 서비스 사용자들에게 공지할 글을 올리는 게시판<br>
13 - port : 3306, 14 +>작곡가 구인: 가수가 자신과 협업할 작곡가를 구하는 게시판<br>
14 - user: 'root', 15 +>가수 구인: 작곡가가 자신의 곡에 노래를 불러줄 가수를 구하는 게시판<br>
15 - password : '', 16 +>자유게시판: 모든 사용자들이 자유롭게 이용할 수 있는 게시판<br>
16 - database : 'singer_composer' 17 +>건의사항: 서비스 사용자들이 운영자들에게 건의할 사항을 올리는 게시판
17 -} 18 ++ 채팅
18 -``` 19 +>사이트 내 로그인 한 모든 사용자들이 참여하는 채팅 서비스
19 -sql 사용 파일<br> 20 ++ 프로필
20 ->router/login/index.js<br> 21 +>개인의 프로필 사진과 닉네임, 직종, 상태 메시지 변경 가능
21 ->router/register/index.js<br>
22 ->router/board/index.js<br>
23 ->router/profile.index.js
24 22
25 --- 23 ---
26 -## Database 명세 24 +## Database 명세(Using MySQL)
27 ``` 25 ```
28 Database = singer_composer 26 Database = singer_composer
29 27
...@@ -68,6 +66,13 @@ create table picvideo( ...@@ -68,6 +66,13 @@ create table picvideo(
68 --- 66 ---
69 ## 주의 및 안내사항 67 ## 주의 및 안내사항
70 68
69 +- 게시판 추가 DB 이름(댓글은 board 대신 comment)
70 +>공지사항: notice_board<br>
71 +>작곡가 구인: composer_board<br>
72 +>가수 구인: singer_board<br>
73 +>자유게시판: free_board<br>
74 +>건의사항: suggestion_board
75 +
71 - type이 운영자인 경우 서버에서 변경 76 - type이 운영자인 경우 서버에서 변경
72 - LF 오류시 Git에 하단 명령어 입력 77 - LF 오류시 Git에 하단 명령어 입력
73 >git config --global core.autocrlf true 78 >git config --global core.autocrlf true
...@@ -80,28 +85,19 @@ create table picvideo( ...@@ -80,28 +85,19 @@ create table picvideo(
80 >SET @COUNT = 0;<br> 85 >SET @COUNT = 0;<br>
81 >UPDATE board SET idx = @COUNT:=@COUNT+1; 86 >UPDATE board SET idx = @COUNT:=@COUNT+1;
82 87
83 -- 게시판 추가 DB 이름(댓글은 board 대신 comment)
84 ->공지사항: notice_board<br>
85 ->작곡가 구인: composer_board<br>
86 ->가수 구인: singer_board<br>
87 ->자유게시판: free_board<br>
88 ->건의사항: suggestion_board
89 -
90 --- 88 ---
91 -### 최종 수정: 2021-12-04 03:57<br> 89 +## Contact
90 ++ http://khuhub.khu.ac.kr/2017104034/Singer-Composer
91 +
92 +### 최종 수정: 2021-12-08 21:29<br>
92 ### 수정 내용: 93 ### 수정 내용:
93 -1. 채팅 구현(팝업)
94 -2. 시간 실시간 반영
95 -3. 프로필 사진 추가
96 -4. 프로필 검색 추가
97 -5. 프로필 비주얼 업데이트
98 -6. 채팅(socket) 사용 중 서버 재시작 시 서버 오류 해결
99 -7. 코드 다듬음
100 -8. 버그 수정
101 -9. 댓글 등록, 열람, 삭제 기능 구현 및 버그 픽스
102 -10. 채팅 중 서버 재시작시 기존 참여자들 리셋시킴
103 -11. 요소 좌우 길이 80%로 조절
104 -12. 게시판 [공지사항/작곡가 구인/가수 구인/자유게시판/건의사항]으로 분화
105 -13. 공지사항 게시판에는 운영자만 글쓰기 가능하게 함.
106 -14. 게시판별 게시글 사진 및 동영상 열람기능 추가. 하지만 아직 업로드기능 개발중
107 -15. 게시판별 사진 및 동영상 업로드기능 완료. 게시글 전용 사진/동영상 저장 폴더인 assets/picvid 추가
...\ No newline at end of file ...\ No newline at end of file
94 +1. 프로필 사진/검색 추가
95 +2. 프로필 비주얼 업데이트
96 +3. 채팅(socket) 사용 중 서버 재시작 시 서버 오류 해결
97 +4. 버그 수정
98 +5. 댓글 등록, 열람, 삭제 기능 구현 및 버그 픽스
99 +6. 요소 좌우 길이 80%로 조절
100 +7. 게시판 [공지사항/작곡가 구인/가수 구인/자유게시판/건의사항]으로 분화
101 +8. 공지사항 게시판에는 운영자만 글쓰기 가능하게 함.
102 +9. 게시판별 게시글 사진 및 동영상 열람기능 추가.
103 +10. 게시판별 사진 및 동영상 업로드기능 완료. 게시글 전용 사진/동영상 저장 폴더인 assets/picvid 추가
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - About</title> 8 + <title>가수와 작곡가의 만남 - About</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 - <title>묵호 - 채팅</title> 5 + <title>가수와 작곡가의 만남 - 채팅</title>
6 <link rel="stylesheet" href="/css/chat.css"> 6 <link rel="stylesheet" href="/css/chat.css">
7 <script src="/socket.io/socket.io.js"></script> 7 <script src="/socket.io/socket.io.js"></script>
8 <script src="/js/chat.js"></script> 8 <script src="/js/chat.js"></script>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 - <title>묵호 - 채팅</title> 5 + <title>가수와 작곡가의 만남 - 채팅</title>
6 <link rel="stylesheet" href="/css/chat.css"> 6 <link rel="stylesheet" href="/css/chat.css">
7 <script src="/socket.io/socket.io.js"></script> 7 <script src="/socket.io/socket.io.js"></script>
8 <script src="/js/command.js"></script> 8 <script src="/js/command.js"></script>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - <%= title %></title> 8 + <title>가수와 작곡가의 만남 - <%= title %></title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <!-- Navigation--> 20 <!-- Navigation-->
21 <nav class="navbar navbar-light bg-light static-top"> 21 <nav class="navbar navbar-light bg-light static-top">
22 <div class="container"> 22 <div class="container">
23 - <a class="navbar-brand" href="/main">묵호의 놀이터</a> 23 + <a class="navbar-brand" href="/main">가수와 작곡가의 만남</a>
24 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 24 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
25 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 25 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
26 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li> 26 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 로그인</title> 8 + <title>가수와 작곡가의 만남 - 로그인</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 놀이터</title> 8 + <title>가수와 작곡가의 만남</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/아이콘.png" /> 10 <link rel="icon" type="image/x-icon" href="../assets/아이콘.png" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 <div class="col-xl-6"> 39 <div class="col-xl-6">
40 <div class="text-center text-white"> 40 <div class="text-center text-white">
41 <!-- Page heading--> 41 <!-- Page heading-->
42 - <h1 class="mb-5">묵호가 만든 놀이터다. 작곡가와 가수가 서로 연결되는데 그 목적이 있다.</h1> 42 + <h1 class="mb-5">가수와 작곡가의 만남<br>가수와 작곡가의 협업을 도와주는 사이트입니다.</h1>
43 <iframe width="560" height="315" src="https://www.youtube.com/embed/wgbr7exUnzE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 43 <iframe width="560" height="315" src="https://www.youtube.com/embed/wgbr7exUnzE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
44 </div> 44 </div>
45 </div> 45 </div>
...@@ -53,22 +53,22 @@ ...@@ -53,22 +53,22 @@
53 <div class="col-lg-4"> 53 <div class="col-lg-4">
54 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"> 54 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
55 <div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div> 55 <div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div>
56 - <h3>Fully Responsive</h3> 56 + <h3>협업을 도와주는 공간</h3>
57 - <p class="lead mb-0">This theme will look great on any device, no matter the size!</p> 57 + <p class="lead mb-0">이곳에서 서로의 협업 파트너를 찾아보세요.</p>
58 </div> 58 </div>
59 </div> 59 </div>
60 <div class="col-lg-4"> 60 <div class="col-lg-4">
61 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"> 61 <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
62 <div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div> 62 <div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div>
63 - <h3>Bootstrap 5 Ready</h3> 63 + <h3>게시판</h3>
64 - <p class="lead mb-0">Featuring the latest build of the new Bootstrap 5 framework!</p> 64 + <p class="lead mb-0">게시판을 통해 다른 사용자들과 교류해보세요. 사진 및 동영상 첨부가 가능합니다.</p>
65 </div> 65 </div>
66 </div> 66 </div>
67 <div class="col-lg-4"> 67 <div class="col-lg-4">
68 <div class="features-icons-item mx-auto mb-0 mb-lg-3"> 68 <div class="features-icons-item mx-auto mb-0 mb-lg-3">
69 <div class="features-icons-icon d-flex"><i class="bi-terminal m-auto text-primary"></i></div> 69 <div class="features-icons-icon d-flex"><i class="bi-terminal m-auto text-primary"></i></div>
70 - <h3>Easy to Use</h3> 70 + <h3>채팅</h3>
71 - <p class="lead mb-0">Ready to use with your own content, or customize the source files!</p> 71 + <p class="lead mb-0">채팅을 통해 다른 사용자들과 실시간으로 의견을 나눠보세요.</p>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 내 정보</title> 8 + <title>가수와 작곡가의 만남 - 내 정보</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <body> 18 <body>
19 <nav class="navbar navbar-light bg-light static-top"> 19 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 내 정보</title> 8 + <title>가수와 작곡가의 만남 - 내 정보</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <body> 19 <body>
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 내 정보 수정</title> 8 + <title>가수와 작곡가의 만남 - 내 정보 수정</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <body> 19 <body>
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 - <title>묵호 - <%= row.title %></title> 4 + <title>가수와 작곡가의 만남 - <%= row.title %></title>
5 <!-- Favicon--> 5 <!-- Favicon-->
6 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 6 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
7 <!-- Bootstrap icons--> 7 <!-- Bootstrap icons-->
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 <!-- Navigation--> 26 <!-- Navigation-->
27 <nav class="navbar navbar-light bg-light static-top"> 27 <nav class="navbar navbar-light bg-light static-top">
28 <div class="container"> 28 <div class="container">
29 - <a class="navbar-brand" href="/main">묵호의 놀이터</a> 29 + <a class="navbar-brand" href="/main">가수와 작곡가의 만남</a>
30 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 30 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
31 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 31 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
32 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li> 32 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 <meta name="description" content="" /> 6 <meta name="description" content="" />
7 <meta name="author" content="" /> 7 <meta name="author" content="" />
8 - <title>묵호 - 회원가입</title> 8 + <title>가수와 작곡가의 만남 - 회원가입</title>
9 <!-- Favicon--> 9 <!-- Favicon-->
10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 10 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
11 <!-- Bootstrap icons--> 11 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 - <title>묵호 - 프로필 사진 업로드</title> 7 + <title>가수와 작곡가의 만남 - 프로필 사진 업로드</title>
8 </head> 8 </head>
9 <body> 9 <body>
10 <form action = 'upload' method = 'post' enctype="multipart/form-data"> 10 <form action = 'upload' method = 'post' enctype="multipart/form-data">
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 - <title>묵호 - 글쓰기</title> 4 + <title>가수와 작곡가의 만남 - 글쓰기</title>
5 <!-- Favicon--> 5 <!-- Favicon-->
6 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" /> 6 <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
7 <!-- Bootstrap icons--> 7 <!-- Bootstrap icons-->
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
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="/about" 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" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board" class="nav-link px-2 link-dark">게시판</a></li>
......