build 타임 최적화 및 테스트 파일 cicd 파일 최적화

.github/workflows/chromatic-deploy.yml

@@ -18,6 +18,14 @@ jobs:
         with:
           node-version: '18'
 
+      - name: Cache Yarn dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.yarn/cache
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-     
+
       - name: Enable Corepack
         run: |
           corepack enable
@@ -26,7 +34,6 @@ jobs:
       - name: Install dependencies
         run: |
           yarn install --immutable
-          yarn dlx @yarnpkg/sdks vscode
 
       - name: Build Storybook
         run: yarn workspace @zagdang/ui build-storybook

.github/workflows/chromatic-pr.check.yml

@@ -23,15 +23,22 @@ jobs:
         with:
           node-version: '18'
 
+      - name: Cache Yarn dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.yarn/cache
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
       - name: Enable Corepack
         run: |
           corepack enable
           corepack prepare [email protected] --activate
 
       - name: Install dependencies
         run: |
-          yarn install --immutable 
-          yarn dlx @yarnpkg/sdks vscode
+          yarn install --immutable
 
       - name: Build Storybook
         run: yarn workspace @zagdang/ui build-storybook --webpack-stats-json

.github/workflows/pr-push.check.yml

@@ -32,7 +32,7 @@ jobs:
         run: corepack enable && corepack prepare [email protected] --activate
 
       - name: Install dependencies
-        run: yarn install --immutable --frozen-lockfile
+        run: yarn install --immutable
 
       - name: Run lint checks
         run: yarn lint

.github/workflows/unit.test.yml

@@ -29,7 +29,7 @@ jobs:
             corepack prepare [email protected] --activate
 
       - name: Install dependencies
-        run: yarn install --immutable 
+        run: yarn install --immutable
 
       - name: Run tests with coverage
         run: yarn test --coverage

.yarnrc.yml

@@ -2,6 +2,9 @@ nodeLinker: pnp
 pnpMode: strict
 enableGlobalCache: false
 
+compressionLevel: 0  # 더 빠른 압축
+enableMirror: true  # 미러 캐시 활성화
+
 npmPublishRegistry: 'https://registry.npmjs.org'
 npmRegistryServer: 'https://registry.npmjs.org'
 

package.json

@@ -3,7 +3,7 @@
   "packageManager": "[email protected]",
   "private": true,
   "scripts": {
-    "build": "turbo run build",
+    "build": "turbo run build --parallel",
     "dev": "turbo run dev",
     "lint": "eslint 'packages/**/*.{ts,tsx,js,jsx}' --ext .ts,.tsx,.js,.jsx && prettier --check .",
     "lint:fix": "eslint . --fix && prettier --write .",
@@ -18,6 +18,7 @@
     "apps/*"
   ],
   "devDependencies": {
+    "@esbuild/linux-arm64": "0.24.0",
     "@types/node": "^22.10.1",
     "@typescript-eslint/eslint-plugin": "^8.16.0",
     "@typescript-eslint/parser": "^8.16.0",
@@ -28,5 +29,11 @@
     "prettier": "^3.4.1",
     "turbo": "^2.3.3",
     "typescript": "^5.7.2"
+  },
+  "esbuild": {
+    "supportedArchitectures": [
+      "x64",
+      "arm64"
+    ]
   }
 }

packages/icons/package.json

@@ -15,10 +15,11 @@
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@types/node": "^22.10.2",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^8.0.0",
-    "lucide-react": "^0.468.0",
+    "lucide-react": "~0.468.0",
     "react": "^18.2.0",
     "rollup": "^4.0.0",
     "rollup-plugin-dts": "^6.0.0",

packages/ui/.storybook/main.ts

@@ -11,11 +11,7 @@ function getAbsolutePath(value: string): any {
 }
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/addon-interactions'),
-  ],
+  addons: [getAbsolutePath('@storybook/addon-essentials'), getAbsolutePath('@chromatic-com/storybook')],
   framework: {
     name: getAbsolutePath('@storybook/react-vite'),
     options: {},

packages/ui/jest.config.js

@@ -11,6 +11,8 @@ export default {
     '^.+\\.(ts|tsx)$': ['ts-jest'],
     '\\.css$': 'jest-transform-css'
   }, 
+  maxWorkers: 4,
+  verbose: true,
   collectCoverage: true,
   coverageDirectory: 'coverage',
   coverageReporters: ['json-summary', 'text', 'lcov'],