[CI/CD] staging 변경사항을 develop_be에 반영

.github/workflows/baguni.api.automation.test.yml

@@ -0,0 +1,71 @@
+name: Baguni Automation Api-Test CI/CD
+
+on:
+  schedule:
+    # 매 1시간마다 (UTC 기준, 0분에 실행)
+    - cron: '0 */1 * * *'
+  workflow_dispatch: # 수동으로 workflow 실행 시 필요
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    env:
+      api-endpoint: https://api.staging.minlife.me
+
+    steps:
+      # 저장소 Checkout
+      - name: Checkout source code
+        uses: actions/checkout@v4
+
+      # 서버가 완전히 기동될 때까지 대기하는 단계 (항상 서버가 떠있어야 테스트 가능)
+      - name: Wait for API Server to be Ready
+        run: |
+          echo "🔍 Checking API server status..."
+          attempt=0
+          max_attempts=10
+
+          while true; do
+            http_status=$(curl -o /dev/null -s -w "%{http_code}" ${{ env.api-endpoint }})
+
+            if [ "$http_status" -ne 502 ]; then
+              echo "✅ API Server responded Continuing..."
+              break
+            fi
+
+            attempt=$((attempt+1))
+            if [ $attempt -ge $max_attempts ]; then
+              echo "❌ API Server is still returning 502 after $max_attempts attempts. Exiting..."
+              exit 1
+            fi
+
+            echo "⏳ API Server still returning 502 (Bad Gateway), retrying in 5 seconds... (Attempt: $attempt)"
+            sleep 5
+          done
+
+      # Node 설치
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      # Newman, InfluxDB reporter 설치
+      - name: Install newman and InfluxDB reporter
+        run: |
+          npm install -g newman
+          npm install -g git+https://github.com/sangwonsheep/newman-reporter-influxdb.git
+
+      # Newman API 테스트 실행 결과 InfluxDB에 적재
+      - name: Run Postman collection
+        run: |
+          newman run ${{ secrets.POSTMAN_COLLECTION_URL }} \
+            -r influxdb \
+            --reporter-influxdb-org ${{ secrets.INFLUXDB_ORG }} \
+            --reporter-influxdb-name ${{ secrets.INFLUXDB_BUCKET }} \
+            --reporter-influxdb-username ${{ secrets.INFLUXDB_USERNAME }} \
+            --reporter-influxdb-password ${{ secrets.INFLUXDB_PASSWORD }} \
+            --reporter-influxdb-token ${{ secrets.INFLUXDB_TOKEN }} \
+            --reporter-influxdb-version 2 \
+            --reporter-influxdb-measurement newman_metrics \
+            --reporter-influxdb-server influxdb.minlife.me \
+            --reporter-influxdb-mode https \
+            --reporter-influxdb-port 443

.github/workflows/baguni.develop.api.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'develop_be' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-api/**'
   workflow_dispatch:
 

.github/workflows/baguni.develop.batch.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'develop_be' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-batch/**'
   workflow_dispatch:
 

.github/workflows/baguni.prod.api.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'main' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-api/**'
   workflow_dispatch:
 

.github/workflows/baguni.prod.batch.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'main' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-batch/**'
   workflow_dispatch:
 

.github/workflows/baguni.staging.api.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'staging' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-api/**'
   workflow_dispatch:
 

.github/workflows/baguni.staging.batch.deploy.yml

@@ -6,7 +6,7 @@ on:
       - 'staging' # 배포 대상 브랜치
     paths:
       - 'backend/baguni-common/**'
-      - 'backend/baguni-domain/**'
+      - 'backend/baguni-infra/**'
       - 'backend/baguni-batch/**'
   workflow_dispatch:
 

backend/baguni-api/src/main/resources/logback-spring.xml

@@ -66,6 +66,19 @@
         </root>
     </springProfile>
 
+    <springProfile name="staging">
+        <logger name="org.hibernate.orm.jdbc.bind" level="trace" additivity="false"/> <!-- exclude query -->
+        <logger name="org.hibernate.SQL" level="debug" additivity="false"/> <!-- exclude query -->
+        <logger name="org.hibernate" level="debug" additivity="false">
+            <appender-ref ref="CONSOLE"/>
+            <appender-ref ref="OpenTelemetry"/>
+        </logger>
+        <root level="INFO">
+            <appender-ref ref="CONSOLE"/>
+            <appender-ref ref="OpenTelemetry"/>
+        </root>
+    </springProfile>
+
     <springProfile name="prod">
         <logger name="org.hibernate.orm.jdbc.bind" level="trace" additivity="false"/> <!-- exclude query -->
         <logger name="org.hibernate.SQL" level="debug" additivity="false"/> <!-- exclude query -->

backend/baguni-batch/src/main/resources/logback-spring.xml

@@ -66,6 +66,19 @@
         </root>
     </springProfile>
 
+    <springProfile name="staging">
+        <logger name="org.hibernate.orm.jdbc.bind" level="trace" additivity="false"/> <!-- exclude query -->
+        <logger name="org.hibernate.SQL" level="debug" additivity="false"/> <!-- exclude query -->
+        <logger name="org.hibernate" level="debug" additivity="false">
+            <appender-ref ref="CONSOLE"/>
+            <appender-ref ref="OpenTelemetry"/>
+        </logger>
+        <root level="INFO">
+            <appender-ref ref="CONSOLE"/>
+            <appender-ref ref="OpenTelemetry"/>
+        </root>
+    </springProfile>
+
     <springProfile name="prod">
         <logger name="org.hibernate.orm.jdbc.bind" level="trace" additivity="false"/> <!-- exclude query -->
         <logger name="org.hibernate.SQL" level="debug" additivity="false"/> <!-- exclude query -->

frontend/techpick/src/app/api/generate-og-image/route.tsx

@@ -13,15 +13,16 @@ const styles = {
 
 async function isValidImageUrl(url: string): Promise<boolean> {
   try {
-    const res = await fetch(url, { method: 'HEAD' });
-    return (
-      res.ok && res.headers.get('Content-Type')?.startsWith('image/') === true
-    );
+    const res = await fetch(url, { method: 'GET' });
+    if (!res.ok) return false;
+
+    const contentType = res.headers.get('Content-Type');
+    const validTypes = ['image/png', 'image/jpeg', 'image/webp'];
+    return validTypes.some((type) => contentType?.startsWith(type));
   } catch {
     return false;
   }
 }
-
 const getImageStyle = (index: number) => {
   return styles[index as keyof typeof styles] || styles[16];
 };
@@ -95,17 +96,29 @@ export async function GET(req: NextRequest) {
       }}
     >
       {images.map((url: string, index: number) => (
-        <img
-          // biome-ignore lint/a11y/noRedundantAlt: <explanation>
-          alt="open graph image"
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-          key={index}
-          src={url}
-          style={{
-            ...getImageStyle(imageCount),
-            objectFit: 'cover',
-          }}
-        />
+        // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
+        <div key={index} style={{ display: 'flex', position: 'relative' }}>
+          <img
+            alt=""
+            src={url}
+            style={{
+              ...getImageStyle(imageCount),
+              objectFit: 'cover',
+              opacity: '0.5',
+            }}
+          />
+          <img
+            alt=""
+            src={url}
+            style={{
+              position: 'absolute',
+              top: '50%',
+              left: '50%',
+              transform: 'translate(-50%, -50%)',
+              objectFit: 'scale-down',
+            }}
+          />
+        </div>
       ))}
     </div>,
     { width, height },

frontend/techpick/src/components/Search2/searchDialog.css.ts

@@ -1,5 +1,6 @@
 import { dialogContentLayoutStyle } from '@/styles/dialogStyle.css';
 import { style } from '@vanilla-extract/css';
+import { desktop } from 'techpick-shared';
 
 export const dialogContent = style([
   dialogContentLayoutStyle,
@@ -8,7 +9,11 @@ export const dialogContent = style([
     padding: '16px',
     width: '100%',
     minWidth: '300px',
-    maxWidth: '800px',
+    '@media': {
+      [desktop]: {
+        maxWidth: '800px',
+      },
+    },
   },
 ]);
 

frontend/techpick/src/components/SideNavigationBar/FolderNavigationItem.tsx

@@ -18,10 +18,10 @@ export function FolderNavigationItem({ folderId }: FolderNavigationItemProps) {
   const isShared = !!folderInfo?.folderAccessToken;
   let folderIcon = FolderClosedIcon;
 
-  if (isActive) {
-    folderIcon = FolderOpenIcon;
-  } else if (isShared) {
+  if (isShared) {
     folderIcon = FolderUpIcon;
+  } else if (isActive) {
+    folderIcon = FolderOpenIcon;
   }
 
   return (

frontend/techpick/src/components/SideNavigationBar/UpdateFolderNameInput.tsx

@@ -54,6 +54,7 @@ export function UpdateFolderNameInput({
           !containerRef.current.contains(event.target as Node)
         ) {
           onSubmit();
+          onCloseUpdateFolderInput();
         }
       };
 
@@ -62,7 +63,7 @@ export function UpdateFolderNameInput({
         document.removeEventListener('mousedown', handleClickOutside);
       };
     },
-    [onSubmit],
+    [onSubmit, onCloseUpdateFolderInput],
   );
 
   useEffect(

frontend/techpick/src/hooks/useRecommendPickToFolderDndMonitor.tsx

@@ -1,10 +1,11 @@
 'use client';
 import { useEventLogger } from '@/libs/@eventlog/useEventLogger';
 import { useCreatePick } from '@/queries/useCreatePick';
+import { useFetchBasicFolders } from '@/queries/useFetchBasicFolders';
 import { useDraggingRecommendPickStore } from '@/stores/draggingRecommendPickStore';
 import { isPickToFolderDroppableObject } from '@/utils/isPickToFolderDroppableObject';
 import { isRecommendPickDraggableObject } from '@/utils/isRecommendPickDraggableObject';
-import { notifySuccess } from '@/utils/toast';
+import { notifyError, notifySuccess } from '@/utils/toast';
 import { useDndMonitor } from '@dnd-kit/core';
 import type {
   DragEndEvent,
@@ -16,6 +17,7 @@ import type {
  * @description 추천 목록에서 folder로 dnd를 할 때의 이벤트를 감지하고 동작하는 hook입니다.
  */
 export function useRecommendPickToFolderDndMonitor() {
+  const { data: basicFolderRecord } = useFetchBasicFolders();
   const { mutate: createPick } = useCreatePick();
   const { setIsDragging, setDraggingPickInfo } =
     useDraggingRecommendPickStore();
@@ -64,6 +66,11 @@ export function useRecommendPickToFolderDndMonitor() {
 
     const { url, title, imageUrl, description } = activeObject;
 
+    if (overObject.id === basicFolderRecord?.RECYCLE_BIN.id) {
+      notifyError('휴지통에는 추가할 수 없습니다!');
+      return;
+    }
+
     createPick(
       {
         title,