Merge pull request #53 from YAPP-Github/feature/PRODUCT-107

feat: TextField 컴포넌트 구현 및 Pretendard 폰트 지정 (#49)

Author: wkdtnqls0506

.github/workflows/chromatic.yml

@@ -35,6 +35,13 @@ jobs:
           onlyChanged: true
           autoAcceptChanges: true
 
+      - name: Get current time (KST)
+        uses: josStorer/get-current-time@v2
+        id: current-time
+        with:
+          format: "YYYY년 MM월 DD일 HH시 mm분 ss초"
+          utcOffset: "+09:00"
+
       - name: Comment PR
         if: always()
         uses: thollander/actions-comment-pull-request@v3
@@ -43,3 +50,4 @@ jobs:
           message: |
             🎨 **Storybook Preview**: ${{ steps.chromatic.outputs.storybookUrl }}
             🔗 **Chromatic Build**: ${{ steps.chromatic.outputs.buildUrl }}
+            🕖 ***Updated at**: ${{ steps.current-time.outputs.formattedTime }}

.storybook/main.ts

@@ -1,5 +1,6 @@
 import type { StorybookConfig } from "@storybook/experimental-nextjs-vite";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import svgr from "vite-plugin-svgr";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 const config: StorybookConfig = {
@@ -15,6 +16,7 @@ const config: StorybookConfig = {
       ...(config.plugins || []),
       tsconfigPaths(),
       vanillaExtractPlugin(),
+      svgr(),
     ];
     return config;
   },

next.config.ts

@@ -1,9 +1,16 @@
+import { createVanillaExtractPlugin } from "@vanilla-extract/next-plugin";
 import type { NextConfig } from "next";
-const { createVanillaExtractPlugin } = require("@vanilla-extract/next-plugin");
 const withVanillaExtract = createVanillaExtractPlugin();
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  webpack: config => {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: ["@svgr/webpack"],
+    });
+    return config;
+  },
 };
 
 module.exports = withVanillaExtract(nextConfig);

package.json

@@ -22,7 +22,8 @@
     "@vanilla-extract/recipes": "^0.5.7",
     "next": "15.3.2",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.58.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
@@ -35,6 +36,7 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/experimental-nextjs-vite": "8.6.14",
     "@storybook/react": "^8.6.14",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -66,6 +68,7 @@
     "prettier": "^3.5.3",
     "storybook": "^8.6.14",
     "typescript": "^5",
+    "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.4"
   },