- @dnd-kit으로 드래그앤드롭 정렬 구현 - DragOverlay 패턴으로 부드러운 드래그 애니메이션 - 드롭 시 즉시 UI 반영 + reorder API 호출 - React 19 peer dep 충돌 해결을 위해 npm install --legacy-peer-deps 사용 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
41 lines
851 B
YAML
41 lines
851 B
YAML
services:
|
|
frontend:
|
|
container_name: maplestory-frontend
|
|
image: node:22-alpine
|
|
working_dir: /app
|
|
volumes:
|
|
- ./frontend:/app
|
|
- frontend_modules:/app/node_modules
|
|
command: sh -c "npm install --legacy-peer-deps && npm run dev"
|
|
labels:
|
|
- "com.centurylinklabs.watchtower.enable=false"
|
|
networks:
|
|
- caddy
|
|
|
|
backend:
|
|
container_name: maplestory-backend
|
|
image: node:22-alpine
|
|
working_dir: /app
|
|
volumes:
|
|
- ./backend:/app
|
|
- backend_modules:/app/node_modules
|
|
command: sh -c "npm install && npm run dev"
|
|
env_file: .env
|
|
labels:
|
|
- "com.centurylinklabs.watchtower.enable=false"
|
|
networks:
|
|
- caddy
|
|
- db
|
|
- app
|
|
|
|
volumes:
|
|
frontend_modules:
|
|
backend_modules:
|
|
|
|
networks:
|
|
caddy:
|
|
external: true
|
|
db:
|
|
external: true
|
|
app:
|
|
external: true
|