chore: logo 적용 및 workflow 추가

Author: gs0428

.github/workflows/check-build.yml

@@ -0,0 +1,30 @@
+name: Check Build
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Create .env file
+        run: |
+          echo "${{ secrets.PROD_ENV }}" > .env
+
+      - name: Enable Corepack & Prepare pnpm
+        run: |
+          corepack enable
+          corepack prepare pnpm@latest --activate
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build --filter=web

.github/workflows/deploy-vercel.yml

@@ -0,0 +1,58 @@
+name: Deploy to Vercel with Redeploy-on-Failure
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    env:
+      VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_TEAM_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22.x"
+
+      - name: Link Vercel Project
+        run: |
+          npx vercel link --cwd . --yes \
+            --token "$VERCEL_TOKEN" \
+            --scope "$VERCEL_ORG_ID" \
+            --project "$VERCEL_PROJECT_ID"
+
+      - name: Deploy & Redeploy on Failure
+        shell: bash
+        run: |
+          set +e
+
+          # 1) Initial production deploy (capture logs)
+          npx vercel --prod --yes \
+            --token "$VERCEL_TOKEN" \
+            --scope "$VERCEL_ORG_ID" > deploy.log 2>&1
+          EXIT_CODE=$?
+          cat deploy.log
+
+          # Extract deployment URL
+          DEPLOY_URL=$(grep -Eo 'https?://[A-Za-z0-9.-]+\.vercel\.app' deploy.log | head -n1)
+
+          # 2) If deploy failed, Redeploy using URL
+          if [ $EXIT_CODE -ne 0 ]; then
+            echo "❗️ Initial deployment failed (exit code=$EXIT_CODE). Redeploying"
+            npx vercel redeploy "$DEPLOY_URL" \
+              --token "$VERCEL_TOKEN" \
+              --scope "$VERCEL_ORG_ID"
+            REDO_EXIT=$?
+            if [ $REDO_EXIT -ne 0 ]; then
+              echo "::error::Redeploy failed (exit code=$REDO_EXIT)!"
+              exit 1
+            fi
+          fi

apps/web/src/app/favicon.ico

@@ -4,6 +4,7 @@ import { useEffect } from "react";
 import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 
+import Logo from "@/assets/logo.svg";
 import SentinelSpinner from "@/components/sentinel-spinner";
 import { useGetAllTopics } from "@/lib/tanstack/query/topic";
 import { useMobileMenuStore } from "@/lib/zustand/mobile-menu-store";
@@ -79,9 +80,7 @@ export default function Sidebar() {
           href="/dashboard"
           className="border-sidebar-border mb-8 flex items-center gap-3 border-b pb-4"
         >
-          <div className="bg-primary flex h-10 w-10 items-center justify-center rounded-md text-xl font-bold text-white">
-            L
-          </div>
+          <Logo className="size-10" />
           <div className="text-primary text-2xl font-bold">LinkyBoard</div>
         </Link>
 

apps/web/src/assets/logo.svg

@@ -1,15 +1,16 @@
 import Link from "next/link";
 
+import Logo from "@/assets/logo.svg";
+
 export default function SidebarSkeleton() {
   return (
     <aside className="bg-sidebar border-sidebar-border fixed z-50 hidden h-screen w-70 overflow-y-auto border-r p-6 transition-transform duration-300 lg:relative lg:block">
       <Link
         href="/dashboard"
         className="border-sidebar-border flex items-center gap-3 border-b pb-4"
       >
-        <div className="bg-primary flex h-10 w-10 items-center justify-center rounded-md text-xl font-bold text-white">
-          L
-        </div>
+        <Logo className="size-10" />
+
         <div className="text-primary text-2xl font-bold">LinkyBoard</div>
       </Link>
     </aside>

apps/web/src/components/(with-side-bar)/layout/index.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 
+import Logo from "@/assets/logo.svg";
 import { Button } from "@/components/ui/button";
 import { scrollToSection, useScrollSpy } from "@/hooks/use-intersection-observer";
 import { cn } from "@repo/ui/utils/cn";
@@ -57,11 +58,12 @@ export default function Header() {
       <nav className="mx-auto flex max-w-6xl items-center justify-between px-4 py-4">
         <a
           href="#"
-          className="text-primary hover:text-primary text-2xl font-bold transition-colors"
+          className="text-primary hover:text-primary flex items-center gap-2 text-2xl font-bold transition-colors"
           onClick={onLogoClick}
           aria-label="홈으로 이동"
         >
-          LinkyBoard
+          <Logo className="size-10" />
+          <span>LinkyBoard</span>
         </a>
 
         {/* Desktop Navigation */}