- 앨범 상세 페이지 (AlbumDetail.jsx) 신규 생성 - 앨범 목록에서 클릭 시 상세 페이지로 이동 - 소개글/트랙 리스트 2열 그리드 레이아웃 - 트랙 호버 효과 및 총 재생시간 표시 - 페이지 전환 fade 애니메이션 적용 - '디스코그래피' -> '앨범' 텍스트 변경 - albums 테이블 description 컬럼 추가 - 트랙 duration 데이터 입력
36 lines
739 B
YAML
36 lines
739 B
YAML
services:
|
|
# 프론트엔드 - Vite 개발 서버
|
|
fromis9-web:
|
|
image: node:20-alpine
|
|
container_name: fromis9-web
|
|
working_dir: /app
|
|
command: sh -c "npm install && npm run dev -- --host 0.0.0.0 --port 80"
|
|
volumes:
|
|
- ./frontend:/app
|
|
networks:
|
|
- app
|
|
- db
|
|
restart: unless-stopped
|
|
|
|
# 백엔드 - Express API 서버
|
|
fromis9-backend:
|
|
image: node:20-alpine
|
|
container_name: fromis9-backend
|
|
working_dir: /app
|
|
command: sh -c "npm install && node server.js"
|
|
env_file:
|
|
- .env
|
|
environment:
|
|
- PORT=3000
|
|
volumes:
|
|
- ./backend:/app
|
|
networks:
|
|
- app
|
|
- db
|
|
restart: unless-stopped
|
|
|
|
networks:
|
|
app:
|
|
external: true
|
|
db:
|
|
external: true
|