Merge pull request #301 from boostcampwm-2024/feature-be-#300

로컬 개발환경 편의성 개선

Author: github-actions[bot]

.gitignore

@@ -3,8 +3,8 @@
 .env*
 *.local
 .turbo
-.crt
-.key
+*.crt
+*.key
 !Dockerfile.local
 
 # compiled output

apps/backend/package.json

@@ -9,7 +9,7 @@
     "build": "nest build",
     "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
     "start": "nest start",
-    "dev": "nest start --watch",
+    "dev": "nest start --tsc --watch --preserveWatchOutput --watchAssets",
     "start:debug": "nest start --debug --watch",
     "start:prod": "node dist/main",
     "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",

apps/backend/src/app.module.ts

@@ -28,7 +28,7 @@ import { RoleModule } from './role/role.module';
     }),
     ConfigModule.forRoot({
       isGlobal: true,
-      envFilePath: path.join(__dirname, '..', '..', '..', '.env'), // * nest 디렉터리 기준
+      envFilePath: '/app/.env', // * docker 내부 디렉터리 기준
     }),
     TypeOrmModule.forRootAsync({
       imports: [ConfigModule],

apps/backend/tsconfig.json

@@ -16,6 +16,9 @@
     "noImplicitAny": false,
     "strictBindCallApply": false,
     "forceConsistentCasingInFileNames": false,
-    "noFallthroughCasesInSwitch": false
+    "noFallthroughCasesInSwitch": false,
+  },
+  "watchOptions": {
+    "watchFile": "fixedPollingInterval"
   }
 }

apps/frontend/package.json

@@ -11,7 +11,7 @@
     }
   },
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview --host"

apps/frontend/vite.config.ts

@@ -10,4 +10,17 @@ export default defineConfig({
       plugins: [tailwindcss()],
     },
   },
+  server: {
+    host: "0.0.0.0",
+    port: 5173,
+    watch: {
+      usePolling: true,
+      interval: 1000,
+    },
+    hmr: {
+      protocol: "wss",
+      clientPort: 443,
+      path: "hmr/",
+    },
+  },
 });

compose.local.yml

@@ -24,12 +24,25 @@ services:
         image: backend:latest
         env_file:
             - .env
+        volumes:
+            - .env:/app/.env
+            # 소스 코드 마운트
+            - ./apps/backend:/app/apps/backend
+            - ./apps/frontend:/app/apps/frontend
+            # 의존성 캐시를 위한 볼륨
+            - backend_node_modules:/app/node_modules
+            - backend_app_node_modules:/app/apps/backend/node_modules
+            - frontend_app_node_modules:/app/apps/frontend/node_modules
         depends_on:
             postgres:
                 condition: service_healthy
         networks:
             - backend
             - frontend
+        ports:
+            - "5173:5173" # Vite dev server
+            - "3000:3000" # 백엔드 API 포트
+            - "1234:1234" # WebSocket 포트
 
     nginx:
         build:
@@ -49,6 +62,7 @@ services:
               bind:
                   create_host_path: true
                   propagation: rprivate
+            - ./services/nginx/conf.d:/etc/nginx/conf.d
 
 networks:
     backend:
@@ -57,3 +71,6 @@ networks:
 
 volumes:
     postgres_data:
+    backend_node_modules:
+    backend_app_node_modules:
+    frontend_app_node_modules:

package.json

@@ -6,7 +6,7 @@
     "author": "ez <[email protected]>",
     "license": "MIT",
     "scripts": {
-        "dev": "turbo run dev",
+        "dev": "turbo run dev --parallel",
         "build": "turbo run build",
         "start": "node apps/backend/dist/main.js",
         "lint": "turbo run lint",

services/backend/Dockerfile.local

@@ -1,38 +1,19 @@
-FROM node:20-alpine AS builder
+FROM node:20-alpine
 
-WORKDIR /
+WORKDIR /app
 
-# 모노레포 관련 파일 복사
+# 개발 의존성 설치를 위한 파일들
 COPY package.json yarn.lock ./
 COPY turbo.json ./
 COPY apps/backend/package.json ./apps/backend/
 COPY apps/frontend/package.json ./apps/frontend/
 
-# 의존성 설치
-RUN yarn install --frozen-lockfile
-
-# 소스 코드 복사
-COPY apps/backend/ ./apps/backend/
-COPY apps/frontend/ ./apps/frontend/
-
-# 프론트엔드와 백엔드 모두 빌드
-RUN yarn build
-
-FROM node:20-alpine AS runner
-
-WORKDIR /app
-
-# 프로덕션 의존성만 설치하기 위한 파일들 복사
-COPY --from=builder package.json yarn.lock ./
-COPY --from=builder apps/backend/package.json ./apps/backend/
-
-# 프로덕션 의존성만 설치
-RUN yarn install --production --frozen-lockfile
+# 개발 의존성 설치 (프로덕션 플래그 제거)
+RUN yarn install
 
-# 빌드된 결과물 복사
-COPY --from=builder apps/backend/dist ./apps/backend/dist
-COPY --from=builder apps/frontend/dist ./public/
+# 소스 코드는 볼륨으로 마운트할 예정이므로 COPY 불필요
 
 EXPOSE 3000 1234
 
-CMD ["yarn", "start"]
+# 개발 모드로 실행
+CMD ["yarn", "dev"]

services/nginx/Dockerfile.local

@@ -1,13 +1,8 @@
-FROM backend:latest AS backend_build
-
 FROM nginx:alpine
 
 # 필요한 설정 파일 복사
 COPY services/nginx/conf.d/default.conf /etc/nginx/conf.d/default.conf
 
-# 빌드된 프론트엔드 파일 복사
-COPY --from=backend_build /app/public /usr/share/nginx/html
-
 # SSL 설정 및 권한 조정
 RUN mkdir -p /etc/nginx/ssl && \
     chown -R nginx:nginx /etc/nginx/ssl && \