chore: 주석 삭제 및 오타 처리

Author: jwj0620gcu

.github/workflows/storybook-build.yml

@@ -0,0 +1,27 @@
+name: Storybook Build
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Build Storybook
+        run: yarn build-storybook

.github/workflows/storybook.yml .github/workflows/storybook-deploy.yml.github/workflows/storybook.yml renamed to .github/workflows/storybook-deploy.yml

@@ -1,4 +1,4 @@
-name: Deploy Storybook to GitHub Pages
+name: Storybook Deploy
 
 on:
   push:
@@ -38,14 +38,14 @@ jobs:
       - name: Build Storybook
         run: yarn build-storybook
 
-      - name: Setup Pages
-        uses: actions/configure-pages@v4
-
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: storybook-static
 
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

.gitignore

@@ -41,4 +41,4 @@ storybook-static
 !.yarn/releases
 
 # Vercel
-.vercel
+.vercel

.prettierignore

@@ -1,4 +1,5 @@
 dist
+build
 node_modules
 .yarn
 .pnp.*

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "printWidth": 100,
+  "printWidth": 120,
   "singleQuote": true,
   "semi": true,
   "trailingComma": "es5",

.storybook/main.ts

@@ -1,5 +1,9 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
 import type { StorybookConfig } from '@storybook/react-vite';
 
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
@@ -10,5 +14,14 @@ const config: StorybookConfig = {
     '@storybook/addon-onboarding',
   ],
   framework: '@storybook/react-vite',
+  core: {
+    builder: {
+      name: '@storybook/builder-vite',
+      options: {
+        viteConfigPath: path.resolve(dirname, 'vite.config.ts'),
+      },
+    },
+    disableTelemetry: true,
+  },
 };
 export default config;

.storybook/vite.config.ts

@@ -0,0 +1,19 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  plugins: [tailwindcss(), svgr()],
+  resolve: {
+    alias: {
+      '@app': path.resolve(dirname, '../src/app'),
+      '@pages': path.resolve(dirname, '../src/pages'),
+      '@shared': path.resolve(dirname, '../src/shared'),
+      '@assets': path.resolve(dirname, '../src/shared/assets'),
+    },
+  },
+});

eslint.config.js

@@ -12,15 +12,7 @@ import storybook from 'eslint-plugin-storybook';
 
 export default [
   {
-    ignores: [
-      'dist',
-      'build',
-      'node_modules',
-      '.yarn',
-      '.pnp.*',
-      '*.config.js',
-      'storybook-static',
-    ],
+    ignores: ['dist', 'build', 'node_modules', '.yarn', '.pnp.*', '*.config.js', 'storybook-static'],
   },
   js.configs.recommended,
   ...tseslint.configs.recommended,
@@ -107,14 +99,7 @@ export default [
       'import/order': [
         'error',
         {
-          groups: [
-            'builtin',
-            'external',
-            'internal',
-            ['parent', 'sibling', 'index'],
-            'object',
-            'type',
-          ],
+          groups: ['builtin', 'external', 'internal', ['parent', 'sibling', 'index'], 'object', 'type'],
           pathGroups: [
             {
               pattern: '@/**',

src/app/styles/index.css

@@ -3,8 +3,7 @@
 
 @theme {
   /* Typography - Font Family */
-  --font-sans:
-    'Pretendard', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-sans: 'Pretendard', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 
   /* Colors - Primitive/Gray */
   --color-white: #ffffff;

src/pages/auth/ui/SignupPage.tsx

@@ -14,9 +14,6 @@ export default function SignupPage() {
   const [profileImage, setProfileImage] = useState<string | undefined>();
   const fileInputRef = useRef<HTMLInputElement>(null);
 
-  /* ===============================
-   * react-hook-form + zod
-   * =============================== */
   const {
     register,
     handleSubmit,
@@ -29,9 +26,6 @@ export default function SignupPage() {
     console.log(' 회원가입 데이터', data);
   };
 
-  /* ===============================
-   * 프로필 이미지 핸들러
-   * =============================== */
   const handleSelectImage = () => {
     fileInputRef.current?.click();
   };
@@ -131,12 +125,7 @@ export default function SignupPage() {
 
         {/* ===== 회원가입 버튼 ===== */}
         <section className={signupStyles.submitSection}>
-          <Button
-            variant="fill"
-            size="auto"
-            className={signupStyles.submitButton}
-            onClick={handleSubmit(onSubmit)}
-          >
+          <Button variant="fill" size="auto" className={signupStyles.submitButton} onClick={handleSubmit(onSubmit)}>
             회원가입 완료
           </Button>
         </section>