Feat/dockerconnect

.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+build
+.git
+.github

.github/workflows/deploy.yml

@@ -0,0 +1,22 @@
+name: Build and Push React Docker Image
+
+on:
+  push:
+    branches: [main, dev, feat/dockerconnect]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Build and push Docker image
+        run: |
+          docker build -t ${{ secrets.DOCKER_USERNAME }}/react:latest .
+          docker push ${{ secrets.DOCKER_USERNAME }}/react:latest

Dockerfile

@@ -0,0 +1,14 @@
+# 빌드 단계
+FROM node:22-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+# 배포 단계
+FROM nginx:alpine
+COPY --from=build /app/build /usr/share/nginx/html
+COPY default.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

default.conf

@@ -0,0 +1,9 @@
+server {
+    listen 80;
+    server_name www.humanicare.store humanicare.store;
+    root /usr/share/nginx/html;
+    index index.html;
+    location / {
+        try_files $uri $uri/ =404;
+    }
+}