진행 : 2022년 12월 05일 ~ 2023년 01월 01일 (4주)
주제 : 음악 스트리밍 및 커뮤니티 사이트
- TagMusic (요약)
- 사용툴
- 구현기능
- 구현기능 상세페이지 및 설명
이미지 | 기술 |
---|---|
Java - jdk 1.8 | |
Spring Boot | |
Jquery | |
MySQL | |
JavaScript | |
MyBatis | |
Apatch Tomcat 9.0 | |
HTML | |
CSS |
- 회원기능 (로그인, 회원가입, 회원정보 수정, 회원탈퇴)
- 플레이리스트
- 가장 많이 들은 음악 리스트
- 좋아요 누른 음악 리스트
- 최신곡 리스트
- 인기가요 리스트 (장르별)
- 뮤직플레이 (현재 음악 재생 바bar)
- 음원 리스트 (음원정보, 좋아요, 플레이리스트에 추가, 음원 다운로드)
- 게시판 (공지사항, 자주 하는 질문)
- 1:1 채팅 (문의)
- 관리자기능 (휴면, 탈퇴, 채팅 문의 답변)
- 스트리밍 및 다운로드할 수 있는 이용권, 이용권 선물
- 쿠폰 (무료 이용)
- 알림
- 이메일 정규식
- 비밀번호 정규식
- 이메일 기억하기
- 자동로그인 (15일)
- 플레이리스트 생성
- 가장 많이 들은 음악 리스트 출력
- '지우기' 버튼을 이용해 데이터 영구 삭제
- '깨진 하트 모양' 아이콘을 클릭함으로써 좋아요 취소
- 페이징 처리 (좌/우 아이콘을 클릭하여 페이지 이동)
- 최신곡 상세리스트 ('+' 아이콘을 클릭하여 상세페이지로 이동)
- 장르 별로 좋아요를 많이 받은 순으로 출력
- 이전 곡 / 다음 곡 재생 가능
- 현재 곡 재생 / 일시정지 가능
- 음소거 가능
- 한 곡 반복 재생 가능
- '닫기' 버튼 클릭 시 뮤직 플레이바 닫고 메인 페이지로 이동
- 음원 이미지 / 음원명 / 장르 / 좋아요 / 플레이리스트에 추가 / 음원 다운로드 순으로 기능구현
- 앨범 이미지를 클릭 시, 음원 상페보기 페이지로 이동
- 좋아요 클릭 시, 빨간 하트 아이콘으로 변경. 한 번 더 클릭 시 좋아요 취소
- 장바구니 아이콘을 클릭 시, 생성된 플레이리스트 중에 선택하여 음원 추가 가능
- 플레이리스트 아이콘 클릭 시, 플레이리스트 생성 가능
- 관리자만 작성할 수 있으며, 회원과 비회원은 열람만 할 수 있다.
- 관리자의 경우, 카카오톡과 유사한 UI로 1:1채팅 문의 레이아웃 구성
- '결제하기' 버튼 클릭 시, PG결제 API 동작
- 이용권이 없는 경우, 이용권 등록
- 이용권이 있는 경우, 이용권 연장
- 대문자 / 숫자 정규식 적용
- 소문자 입력 시, 대문자로 치환
- 영문 / 숫자 외 입력 치 공백으로 치
- [ 공지사항 / 이용권 구매 / 이용권 선물 / 비밀번호 3개월 전 변경 ] 일 때 알림 메시지 전송