human-love-music-client

휴먼들을 위한 음악 공유 어플리케이션. 휴뮤 🧑‍🤝‍🧑❤️🎶

• 클라이언트
• 서버

개발환경 구성

1. node 16 버전을 설치해주세요.

16.15.1 버전에서 동작이 확인되었습니다

2. 의존성을 설치합니다.

yarn install

3. 환경 변수를 설정합니다.

.env.sample 파일을 보고 새로운 파일을 작성합니다.

• .env.local: 로컬 환경
• .env.production: 운영 환경

REACT_APP_API_BASE_URL= # API 서버를 지정합니다

# 유튜브와 사운드 클라우드 위젯의 사전 로딩을 위한 미디어 URL을 지정합니다.
# 소리가 없고, 검은 영상이며 길이가 짧은(수초) 것이 적합합니다.
REACT_APP_DEFAULT_YT_TRACK_URL=
REACT_APP_DEFAULT_SC_TRACK_URL=

4. 앱을 실행시킵니다.

yarn start

빌드와 배포

yarn build로 빌드합니다.

위 커맨드로 앱 실행시 .env.production 파일을 환경변수로 사용합니다.

빌드 결과물을 정적 호스팅, 파일 서빙이 가능한 서비스를 통해 제공합니다. (파이어베이스 호스팅 등)