음악 스트리밍 웹 서비스 프로젝트 (10.11 ~ 2.10)
🔧 사용기술
🎨 Front
- React
- JavaScript
- TypeScript
- Axios
- React Cookie
- React Router DOM
- Zustand
⚙️ Back
- Java 17
- Spring Boot 3.3.4
- Gradle
- Spring Data JPA
- Spring Security
- JWT
- RESTful API
- MariaDB 10.11.9
🔩 필수기술
회원 인증 및 관리
- 이메일 로그인 및 회원가입
- JWT 발급, 재발급
- 회원 정보 불러오기
음악 관리
- 음악 등록 (복사)
- 음악 조회 (특정 재생목록 음악)
- 음악 삭제
- 음악 순서 변경 (드래그 앤 드롭)
재생목록 관리
- 재생목록 생성
- 재생목록 조회
- 재생목록 이름 수정
- 재생목록 삭제
파일 관리
🗻 구현 순서
Front
Back
🤔 추가 & 보수 계획
- 음악 추가, 삭제 DB 로직 수정하기
- Front 부분 전체적인 useState 상태값 이름 구체적으로 수정해주기
- 이메일 인증 기능 추가하기
- 카카오톡 로그인 또는 구글 로그인 중 하나 이상 추가하기
- Youtube, SoundCloud 이외 미디어도 가능하게 추가하기
- cancelAnimationFrame() 함수에 대해 알아보기 (현재 미디어 진행도에 사용중)
- 배포해보기 (EC2 말고 koyeb 사용해보기)
- 유저간 재생목록을 공유 하고 재생목록의 좋아요 버튼을 추가하여 재생목록의 순위를 정하는 기능 만들기
- 회원 탈퇴 기능 만들기
- 음악 등록 기능과 음악 복사 기능 명확하게 나누기
💥 트러블 슈팅
- 페이지 렌더링시 회원 프로필 사진 문제
- React Noembed을 사용한 미디어 데이터
- 미디어 플랫폼별 반복재생 문제
- 음악 순서 변경
✏️Log
작업 현황