TagMusic

진행 : 2022년 12월 05일 ~ 2023년 01월 01일 (4주)

주제 : 음악 스트리밍 및 커뮤니티 사이트

목차

0. TagMusic (요약)
1. 사용툴
2. 구현기능
3. 구현기능 상세페이지 및 설명

TECH STACK

이미지	기술
	Java - jdk 1.8
	Spring Boot
	Jquery
	MySQL
	JavaScript
	MyBatis
	Apatch Tomcat 9.0
	HTML
	CSS

구현기능

1. 회원기능 (로그인, 회원가입, 회원정보 수정, 회원탈퇴)
2. 플레이리스트
3. 가장 많이 들은 음악 리스트
4. 좋아요 누른 음악 리스트
5. 최신곡 리스트
6. 인기가요 리스트 (장르별)
7. 뮤직플레이 (현재 음악 재생 바bar)
8. 음원 리스트 (음원정보, 좋아요, 플레이리스트에 추가, 음원 다운로드)
9. 게시판 (공지사항, 자주 하는 질문)
10. 1:1 채팅 (문의)
11. 관리자기능 (휴면, 탈퇴, 채팅 문의 답변)
12. 스트리밍 및 다운로드할 수 있는 이용권, 이용권 선물
13. 쿠폰 (무료 이용)
14. 알림

구현기능 상세보기

1. 회원기능

• 이메일 정규식
• 비밀번호 정규식
• 이메일 기억하기
• 자동로그인 (15일)

2. 플레이리스트

• 플레이리스트 생성

3. 가장 많이 들은 음악 리스트

• 가장 많이 들은 음악 리스트 출력
• '지우기' 버튼을 이용해 데이터 영구 삭제

4. 좋아요 누른 음악 리스트

• '깨진 하트 모양' 아이콘을 클릭함으로써 좋아요 취소

5. 최신곡 리스트

• 페이징 처리 (좌/우 아이콘을 클릭하여 페이지 이동)
• 최신곡 상세리스트 ('+' 아이콘을 클릭하여 상세페이지로 이동)

6. 인기가요 리스트 (장르별)

• 장르 별로 좋아요를 많이 받은 순으로 출력

7. 뮤직플레이 (현재 음악 재생 바bar)

• 이전 곡 / 다음 곡 재생 가능
• 현재 곡 재생 / 일시정지 가능
• 음소거 가능
• 한 곡 반복 재생 가능
• '닫기' 버튼 클릭 시 뮤직 플레이바 닫고 메인 페이지로 이동

8. 음원 리스트 (음원정보, 좋아요, 플레이리스트에 추가, 음원 다운로드)

• 음원 이미지 / 음원명 / 장르 / 좋아요 / 플레이리스트에 추가 / 음원 다운로드 순으로 기능구현
• 앨범 이미지를 클릭 시, 음원 상페보기 페이지로 이동
• 좋아요 클릭 시, 빨간 하트 아이콘으로 변경. 한 번 더 클릭 시 좋아요 취소
• 장바구니 아이콘을 클릭 시, 생성된 플레이리스트 중에 선택하여 음원 추가 가능
• 플레이리스트 아이콘 클릭 시, 플레이리스트 생성 가능

9. 게시판 (공지사항, 자주 하는 질문)

• 관리자만 작성할 수 있으며, 회원과 비회원은 열람만 할 수 있다.

10. 1:1 채팅 (문의)

11. 관리자기능 (휴면, 탈퇴, 채팅 문의 답변)

• 관리자의 경우, 카카오톡과 유사한 UI로 1:1채팅 문의 레이아웃 구성

12. 스트리밍 및 다운로드할 수 있는 이용권, 이용권 선물

• '결제하기' 버튼 클릭 시, PG결제 API 동작
• 이용권이 없는 경우, 이용권 등록
• 이용권이 있는 경우, 이용권 연장

13. 쿠폰 (무료 이용)

• 대문자 / 숫자 정규식 적용
• 소문자 입력 시, 대문자로 치환
• 영문 / 숫자 외 입력 치 공백으로 치

14. 알림

• [ 공지사항 / 이용권 구매 / 이용권 선물 / 비밀번호 3개월 전 변경 ] 일 때 알림 메시지 전송