🎵 음악 플레이리스트 프로젝트

이 프로젝트는 Java 기반의 JSP를 활용한 웹 음악 플레이어입니다. 사용자 인증부터 플레이리스트 관리, 음악 검색 및 재생까지 음악 서비스의 핵심 기능을 담고 있으며, Spotify와 유사한 사용자 경험을 지향합니다. 프론트엔드는 HTML/CSS와 JavaScript로 구성되었고, 백엔드는 JSP를 중심으로 세션, 쿠키를 활용해 상태를 관리합니다.

• 데모 영상 : https://youtu.be/2Ju5AsIwu3A
• 개발 기간 : 2025.04.23 - 2025.04.25
• 기술 스택 : JSP, HTML, CSS, Javascript, font-awesome(아이콘), Session, Cookie

주요 기능

• 🔑 회원관리

  • ID & password 기반 회원가입/로그인, 카카오 로그인
    • 가입한 회원의 정보는 application에 저장, 로그인 여부는 세션에 저장
  • 아이디 저장 기능 (쿠키)

• 🎶 플레이리스트 관리

  • 사용자의 커스텀 플레이리스트 생성
  • 기본 제공 플레이리스트(Angry Mood, Bright Songs)를 사용자의 플레이리스트에 추가
  • 플레이리스트에 곡 추가

• 🔍 검색

  • 전체 곡 조회
  • 곡 이름, 가수 검색 (mp3파일명 참조)

• ▶️ 음악 재생

  • 각 음악 재생
  • 플레이리스트 별 재생

• 🛠 사용 기술

  • JSP, HTML, CSS, Javascript, font-awesome(아이콘), Session, Cookie

• 📌 참고 레퍼런스

  • Spotify: 플레이리스트 및 음악 서비스 UX를 참고

1) 홈페이지

2) 로그인 페이지

3) 회원가입 페이지

4) 플레이리스트 페이지

📃 플로우 차트