design: 스토리북 커스터마이징

apps/web/src/app/(onboarding)/onboarding/job/page.stories.tsx

@@ -10,19 +10,12 @@ import { OnBoardingProvider } from '../_context/useOnboarding'
 
 import OnboardingJobPage from './page'
 
-const meta = {
+const meta: Meta<typeof OnboardingJobPage> = {
   title: 'OnboardingJob',
   component: OnboardingJobPage,
   parameters: {
     layout: 'centered',
   },
-} satisfies Meta<typeof OnboardingJobPage>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Preview: Story = {
   decorators: [
     (Story) => (
       <AppRouterContext.Provider value={{} as AppRouterInstance}>
@@ -35,3 +28,9 @@ export const Preview: Story = {
     ),
   ],
 }
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Preview: Story = {}

apps/workshop/.storybook/manager.ts

@@ -0,0 +1,16 @@
+import { addons } from '@storybook/manager-api'
+import { themes } from '@storybook/theming'
+import { create } from '@storybook/theming/create'
+
+addons.setConfig({
+  theme: create({
+    base: 'light',
+    brandTitle: 'Vook Client Workshop',
+    brandImage: '/logo.png',
+
+    colorPrimary: '#3A10E5',
+    colorSecondary: '#5D5CE5',
+
+    barTextColor: '#FFFFFF',
+  }),
+})

apps/workshop/package.json

@@ -9,10 +9,10 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@vook-client/api": "*",
     "@vook-client/design-system": "*",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "@vook-client/api": "*"
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.3.3",
@@ -22,9 +22,11 @@
     "@storybook/addon-onboarding": "^8.0.10",
     "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/blocks": "^8.0.10",
+    "@storybook/manager-api": "^8.1.7",
     "@storybook/react": "^8.0.10",
     "@storybook/react-vite": "^8.0.10",
     "@storybook/test": "^8.0.10",
+    "@storybook/theming": "^8.1.7",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@vanilla-extract/vite-plugin": "^4.0.9",