1. 음악 사이트

• 기획 배경
  • 유튜브 api와 spotify api를 이용하면 음악 앱을 만들 수 있지 않을까라는 생각에서 출발하였습니다. 음악에 관련된 앱을 만들어 본 적이 없어서 이번 기회에 만들어 보자고 생각했고 프로젝트 경험과 코딩 실력을 쌓기 위해 만들었습니다.
• 테마 색상
  • 보라
• 기능
  • 회원 기능
  • 음악 검색
  • 플레이리스트 기능
  • 셔플, 한곡 재생, 전체 재생, 반복 재생
  • 커스텀 플레이리스트 만들기(개발 예정)
• 기술스택 및 선택이유
  • react : 컴포넌트 기반 아키텍처를 제공하기 때문에 유지 보수가 용이하고 많은 개발자들이 사용하기 때문에 개발 관련 자료를 많이 얻을 수 있어서 선택했습니다.
  • vite : create-react-app과 비교하여 빌드 속도가 월등히 빠르기 때문에 선택했습니다.
  • typescript : 타입을 명시하여서 에러를 줄여주고 코드의 가독성을 높일 수 있어서 선택했습니다.
  • react-query : 서버 쪽의 데이터들을 관리함, 복잡한 상태 관리 로직을 간소화 하기 위해 선택했습니다.(개발 예정)
  • zustand : 프로젝트에서 사용할 전역 상태 규모가 작고 낮은 러닝커브 및 가벼운 번들 사이즈를 가지고 있어서 선택했습니다.
  • tailwindCSS : 미리 정의된 유틸리티 클래스를 사용하여 빠르고 편리한 개발할 수 있기 때문에 선택했습니다.
  • supabase : 백엔드 서비스를 제공해주기 때문에 프론트엔드 개발에 집중할 수 있을 것이라고 판단하여 선택했습니다.