Showing
26 changed files
with
84 additions
and
88 deletions
assets/picvid/1638715946137__image (1).png
0 → 100644
93.4 KB
This file is too large to display.
assets/picvid/1638716011637__211030 베인1.mp4
0 → 100644
This file is too large to display.
No preview for this file type
assets/picvid/1638716080574__210828 리신.mp4
0 → 100644
This file is too large to display.
65.3 KB
assets/picvid/1638716107705__210928 니달리.mp4
0 → 100644
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> | ... | ... |
-
Please register or login to post a comment