Mobile First 레이아웃 구현

.cz-config.ts

@@ -1,3 +1,5 @@
+// https://kjm99d.tistory.com/20
+
 module.exports = {
   types: [
     { value: "✨ feat", name: "✨ feat:     새로운 기능 추가" },
@@ -11,6 +13,10 @@ module.exports = {
       value: "♻️ refactor",
       name: "♻️ refactor:  버그 수정이나 새로운 기능 추가가 아닌 코드 변경",
     },
+    {
+      value: "👷 cicd",
+      name: "👷 cicd:     CICD 관련 수정",
+    },
     {
       value: "⚡️ perf",
       name: "⚡️ perf:     성능을 개선하는 코드 변경",

.github/workflows/_build.yaml

@@ -12,11 +12,18 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v3
 
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 9
+          run_install: false
+
       - name: Set up Node.js version
         uses: actions/setup-node@v3
         with:
           node-version: ${{ inputs.NODE_VERSION }}
           cache: "pnpm"
+          cache-dependency-path: '**/pnpm-lock.yaml'
 
       - name: Install dependencies
         run: |

.github/workflows/pr_test.yaml

@@ -2,8 +2,8 @@ name: "PR Test"
 
 on:
   pull_request:
-    types: [opened, reopened]
-    branches: [main]
+    types: [opened, reopened, synchronize]
+    branches: [main, develop]
 
 jobs:
   build:

package.json

@@ -12,11 +12,14 @@
     "formatting": "prettier --write '**/*.{ts,tsx}' && eslint --fix ."
   },
   "dependencies": {
+    "@radix-ui/react-navigation-menu": "^1.2.0",
     "@tanstack/react-query": "^5.50.1",
     "@tanstack/react-query-devtools": "^5.50.1",
+    "clsx": "^2.1.1",
     "next": "14.2.4",
     "react": "^18",
     "react-dom": "^18",
+    "tailwind-merge": "^2.4.0",
     "tailwindcss-radix": "^3.0.3",
     "uuid": "^10.0.0",
     "zod": "^3.23.8",
@@ -47,7 +50,7 @@
     "jiti": "^1.21.6",
     "postcss": "^8",
     "prettier": "^3.3.2",
-    "tailwindcss": "^3.4.4",
+    "tailwindcss": "^3.4.6",
     "typescript": "^5"
   },
   "config": {