feat: 자재 관리 페이지 대규모 개선

- 파이프 수량 계산 로직 수정 (단관 개수가 아닌 실제 길이 기반 계산) - UI 전면 개편 (DevonThink 스타일의 간결하고 세련된 디자인) - 자재별 그룹핑 로직 개선: * 플랜지: 동일 사양별 그룹핑, WN 스케줄 표시, ORIFICE 풀네임 표시 * 피팅: 상세 타입 표시 (니플 길이, 엘보 각도/연결, 티 타입, 리듀서 타입 등) * 밸브: 동일 사양별 그룹핑, 타입/연결방식/압력 표시 * 볼트: 크기/재질/길이별 그룹핑 (8SET → 개별 집계) * 가스켓: 동일 사양별 그룹핑, 재질/상세내역/두께 분리 표시 * UNKNOWN: 원본 설명 전체 표시, 동일 항목 그룹핑 - 전체 카테고리 버튼 제거 (표시 복잡도 감소) - 카테고리별 동적 컬럼 헤더 및 레이아웃 적용
2025-09-09 09:24:45 +09:00
parent 4f8e395f87
commit 83b90ef05c
101 changed files with 10841 additions and 4813 deletions
--- a/docker-backup/docker-compose.override.yml
+++ b/docker-backup/docker-compose.override.yml
@@ -0,0 +1,33 @@
+# 개발 환경용 오버라이드 (기본값)
+# docker-compose up 시 자동으로 적용됨
+# version: '3.8'  # Docker Compose v2에서는 version 필드가 선택사항
+
+services:
+  backend:
+    volumes:
+      # 개발 시 코드 변경 실시간 반영
+      - ./backend:/app
+    environment:
+      - DEBUG=true
+      - RELOAD=true
+      - LOG_LEVEL=DEBUG
+
+  frontend:
+    environment:
+      - VITE_API_URL=http://localhost:18000
+    build:
+      args:
+        - VITE_API_URL=http://localhost:18000
+
+  # 개발 환경에서는 모든 포트를 외부에 노출
+  postgres:
+    ports:
+      - "5432:5432"
+
+  redis:
+    ports:
+      - "6379:6379"
+
+  pgadmin:
+    ports:
+      - "5050:80"
--- a/docker-backup/docker-compose.prod.yml
+++ b/docker-backup/docker-compose.prod.yml
@@ -0,0 +1,55 @@
+# 프로덕션 환경용 오버라이드
+version: '3.8'
+
+services:
+  backend:
+    environment:
+      - ENVIRONMENT=production
+      - DEBUG=false
+      - RELOAD=false
+      - LOG_LEVEL=INFO
+    # 프로덕션에서는 코드 볼륨 마운트 제거
+    volumes:
+      - ./backend/uploads:/app/uploads
+
+  frontend:
+    environment:
+      - VITE_API_URL=/api
+    build:
+      args:
+        - VITE_API_URL=/api
+
+  # 프로덕션용 리버스 프록시
+  nginx:
+    image: nginx:alpine
+    container_name: tk-mp-nginx
+    restart: unless-stopped
+    ports:
+      - "80:80"
+      - "443:443"
+    volumes:
+      - ./nginx/nginx.conf:/etc/nginx/nginx.conf:ro
+      - ./nginx/ssl:/etc/nginx/ssl:ro
+    depends_on:
+      - frontend
+      - backend
+    networks:
+      - tk-mp-network
+
+  # 프로덕션에서는 외부 포트 접근 차단
+  postgres:
+    ports: []
+
+  redis:
+    ports: []
+
+  backend:
+    ports: []
+
+  frontend:
+    ports: []
+
+  # pgAdmin은 프로덕션에서 비활성화
+  pgadmin:
+    profiles:
+      - disabled
--- a/docker-backup/docker-compose.synology.yml
+++ b/docker-backup/docker-compose.synology.yml
@@ -0,0 +1,57 @@
+# 시놀로지 NAS 환경용 오버라이드
+version: '3.8'
+
+services:
+  postgres:
+    container_name: tk-mp-postgres-synology
+    ports:
+      - "15432:5432"
+    volumes:
+      - tk_mp_postgres_data:/var/lib/postgresql/data
+      - ./database/init:/docker-entrypoint-initdb.d
+
+  redis:
+    container_name: tk-mp-redis-synology
+    ports:
+      - "16379:6379"
+    volumes:
+      - tk_mp_redis_data:/data
+
+  backend:
+    container_name: tk-mp-backend-synology
+    ports:
+      - "10080:8000"
+    environment:
+      - ENVIRONMENT=synology
+      - DEBUG=false
+      - RELOAD=false
+      - LOG_LEVEL=INFO
+      - DATABASE_URL=postgresql://${POSTGRES_USER:-tkmp_user}:${POSTGRES_PASSWORD:-tkmp_password_2025}@postgres:5432/${POSTGRES_DB:-tk_mp_bom}
+      - REDIS_URL=redis://redis:6379
+    volumes:
+      - tk_mp_uploads:/app/uploads
+
+  frontend:
+    container_name: tk-mp-frontend-synology
+    ports:
+      - "10173:3000"
+    environment:
+      - VITE_API_URL=http://localhost:10080
+    build:
+      args:
+        - VITE_API_URL=http://localhost:10080
+
+  # 시놀로지에서는 pgAdmin 포트 변경
+  pgadmin:
+    container_name: tk-mp-pgadmin-synology
+    ports:
+      - "15050:80"
+
+# 시놀로지용 명명된 볼륨
+volumes:
+  tk_mp_postgres_data:
+    external: false
+  tk_mp_redis_data:
+    external: false
+  tk_mp_uploads:
+    external: false
--- a/docker-backup/docker-compose.yml
+++ b/docker-backup/docker-compose.yml
@@ -0,0 +1,124 @@
+# TK-MP-Project Docker Compose 설정
+# 기본 설정 (개발 환경 기준)
+# version: '3.8'  # Docker Compose v2에서는 version 필드가 선택사항
+
+services:
+  # PostgreSQL 데이터베이스
+  postgres:
+    image: postgres:15-alpine
+    container_name: tk-mp-postgres
+    restart: unless-stopped
+    environment:
+      POSTGRES_DB: ${POSTGRES_DB:-tk_mp_bom}
+      POSTGRES_USER: ${POSTGRES_USER:-tkmp_user}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-tkmp_password_2025}
+      POSTGRES_INITDB_ARGS: "--encoding=UTF-8 --locale=C"
+    ports:
+      - "${POSTGRES_PORT:-5432}:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+      - ./database/init:/docker-entrypoint-initdb.d
+    networks:
+      - tk-mp-network
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-tkmp_user} -d ${POSTGRES_DB:-tk_mp_bom}"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+
+  # Redis (캐시 및 세션 관리용)
+  redis:
+    image: redis:7-alpine
+    container_name: tk-mp-redis
+    restart: unless-stopped
+    ports:
+      - "${REDIS_PORT:-6379}:6379"
+    volumes:
+      - redis_data:/data
+    networks:
+      - tk-mp-network
+    healthcheck:
+      test: ["CMD", "redis-cli", "ping"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+
+  # 백엔드 FastAPI 서비스
+  backend:
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
+    container_name: tk-mp-backend
+    restart: unless-stopped
+    ports:
+      - "${BACKEND_PORT:-18000}:8000"
+    environment:
+      - DATABASE_URL=postgresql://${POSTGRES_USER:-tkmp_user}:${POSTGRES_PASSWORD:-tkmp_password_2025}@postgres:5432/${POSTGRES_DB:-tk_mp_bom}
+      - REDIS_URL=redis://redis:6379
+      - ENVIRONMENT=${ENVIRONMENT:-development}
+      - DEBUG=${DEBUG:-true}
+      - PYTHONPATH=/app
+    depends_on:
+      - postgres
+      - redis
+    networks:
+      - tk-mp-network
+    volumes:
+      - ./backend/uploads:/app/uploads
+      # 개발 환경에서는 코드 변경 실시간 반영 (오버라이드에서 설정)
+    # healthcheck:
+    #   test: ["CMD", "curl", "-f", "http://localhost:8000/health"]
+    #   interval: 30s
+    #   timeout: 10s
+    #   retries: 3
+
+  # 프론트엔드 React + Nginx 서비스
+  frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+      args:
+        - VITE_API_URL=${VITE_API_URL:-http://localhost:18000}
+    container_name: tk-mp-frontend
+    restart: unless-stopped
+    ports:
+      - "${FRONTEND_PORT:-13000}:3000"
+    environment:
+      - VITE_API_URL=${VITE_API_URL:-http://localhost:18000}
+    depends_on:
+      - backend
+    networks:
+      - tk-mp-network
+
+  # pgAdmin 웹 관리도구 (개발/테스트 환경용)
+  pgadmin:
+    image: dpage/pgadmin4:latest
+    container_name: tk-mp-pgadmin
+    restart: unless-stopped
+    environment:
+      PGADMIN_DEFAULT_EMAIL: ${PGADMIN_EMAIL:-admin@example.com}
+      PGADMIN_DEFAULT_PASSWORD: ${PGADMIN_PASSWORD:-admin2025}
+      PGADMIN_CONFIG_SERVER_MODE: 'False'
+    ports:
+      - "${PGADMIN_PORT:-5050}:80"
+    volumes:
+      - pgadmin_data:/var/lib/pgadmin
+    depends_on:
+      - postgres
+    networks:
+      - tk-mp-network
+    profiles:
+      - dev
+      - test
+
+volumes:
+  postgres_data:
+    driver: local
+  pgadmin_data:
+    driver: local
+  redis_data:
+    driver: local
+
+networks:
+  tk-mp-network:
+    driver: bridge