+ 
+
+ );
+};
+
+export default JobStep;
diff --git a/apps/client/src/pages/onBoarding/constants/onboardingSteps.ts b/apps/client/src/pages/onBoarding/constants/onboardingSteps.ts
index ca958fd7..79f9e958 100644
--- a/apps/client/src/pages/onBoarding/constants/onboardingSteps.ts
+++ b/apps/client/src/pages/onBoarding/constants/onboardingSteps.ts
@@ -3,6 +3,7 @@ export const Step = {
STORY_1: 'STORY_1',
STORY_2: 'STORY_2',
SOCIAL_LOGIN: 'SOCIAL_LOGIN',
+ JOB: 'JOB',
ALARM: 'ALARM',
MAC: 'MAC',
FINAL: 'FINAL',
@@ -21,6 +22,7 @@ export const stepOrder: StepType[] = [
Step.STORY_1,
Step.STORY_2,
Step.SOCIAL_LOGIN,
+ Step.JOB,
Step.ALARM,
Step.MAC,
Step.FINAL,
diff --git a/packages/design-system/src/components/checkbox/Checkbox.stories.tsx b/packages/design-system/src/components/checkbox/Checkbox.stories.tsx
new file mode 100644
index 00000000..923863b5
--- /dev/null
+++ b/packages/design-system/src/components/checkbox/Checkbox.stories.tsx
@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Checkbox from './Checkbox';
+
+const meta: Meta
+
+
+ 직무를 선택해주세요
++ 직무에 따라 아티클을 추천해드려요 +
+
+ {jobs.map((job) => {
+ const isSelected = activeJob === job.key;
+ return (
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Checkbox;
diff --git a/packages/design-system/src/components/index.ts b/packages/design-system/src/components/index.ts
index fc1f291b..9d22080e 100644
--- a/packages/design-system/src/components/index.ts
+++ b/packages/design-system/src/components/index.ts
@@ -2,6 +2,7 @@ export { default as Badge } from './badge/Badge';
export { default as Button } from './button/Button';
export { default as Card } from './card/Card';
export { default as Chip } from './chip/Chip';
+export { default as Checkbox } from './checkbox/Checkbox';
export { default as Dropdown } from './dropdown/Dropdown';
export { default as Input } from './input/Input';
export { default as DateTime } from './dateTime/DateTime';