feat(processes/profile): add example hobby list

src/entities/hobby/constants/hobbies.ts

@@ -0,0 +1,15 @@
+import { Hobby } from 'src/entities/hobby/types/hobby';
+
+export const ExampleHobbyList: Hobby[] = [
+  { name: '🧗 클라이밍' },
+  { name: '🥐 맛집탐방' },
+  { name: '🎬 영화보기' },
+  { name: '👟 운동' },
+  { name: '🧶 뜨개질' },
+  { name: '🧑‍💻 개발공부' },
+  { name: '📖 독서' },
+  { name: '🍷 와인' },
+  { name: '🏊 수영' },
+  { name: '🏌️ 골프' },
+  { name: '🎹 악기연주' },
+];

src/entities/ideal_partner/model/idealPartnerStore.ts

@@ -1,7 +1,7 @@
 import { Location } from 'src/entities/location/types/location';
 import { ReligionType } from 'src/entities/profile/types/profileSummary';
 import { create } from 'zustand';
-import { Hobby } from 'src/entities/profile/types/hobby';
+import { Hobby } from 'src/entities/hobby/types/hobby';
 import { createStoreContext } from 'src/shared/functions/createStoreContext';
 import { MAX_IDEAL_HEIGHT, MIN_IDEAL_HEIGHT } from 'src/processes/ideal_partner/HeightStyleForm/HeightStyleForm';
 

src/entities/profile/model/myProfileStore.tsx

@@ -3,7 +3,7 @@ import { Gender, JobType, ReligionType } from 'src/entities/profile/types/profil
 import { Location } from 'src/entities/location/types/location';
 import { DateObj } from 'src/shared/vo/date';
 import { Mbti } from 'src/shared/vo/mbti';
-import { Hobby } from 'src/entities/profile/types/hobby';
+import { Hobby } from 'src/entities/hobby/types/hobby';
 import { createStoreContext } from 'src/shared/functions/createStoreContext';
 
 export type MyProfile = {

src/entities/profile/ui/MyProfile/MyProfile.tsx

@@ -10,7 +10,7 @@ import { ProfileCellHeader } from 'src/shared/ui/Profile/ProfileCellHeader';
 export const MyProfileView = ({ profile }: { profile: MyProfile }) => {
   return (
     <section>
-      <Accordion summary={'기본 개인정보'} initialOpen>
+      <Accordion summary={'기본 개인정보'}>
         <Spacing size={32} />
         <div className={styles.Grid}>
           <div className={styles.GridRow}>
@@ -71,7 +71,7 @@ export const MyProfileView = ({ profile }: { profile: MyProfile }) => {
         </div>
       </Accordion>
       <Spacing size={32} />
-      <Accordion summary={'개인 취향 및 선호도 관련'} initialOpen>
+      <Accordion summary={'개인 취향 및 선호도 관련'}>
         <Spacing size={32} />
         <div className={styles.Grid}>
           <div className={styles.GridRow}>
@@ -101,7 +101,7 @@ export const MyProfileView = ({ profile }: { profile: MyProfile }) => {
         </div>
       </Accordion>
       <Spacing size={32} />
-      <Accordion summary={'선택 질문'} initialOpen>
+      <Accordion summary={'선택 질문'}>
         <Spacing size={32} />
         <div className={styles.Grid}>
           <div className={styles.GridRow}>

src/processes/ideal_partner/HobbyForm/HobbyForm.stories.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { HobbyForm } from 'src/processes/ideal_partner/HobbyForm/HobbyForm';
-import { Hobby } from 'src/entities/profile/types/hobby';
 
 const meta: Meta<typeof HobbyForm> = {
   component: HobbyForm,
@@ -9,22 +8,6 @@ const meta: Meta<typeof HobbyForm> = {
 export default meta;
 type Story = StoryObj<typeof HobbyForm>;
 
-const MockHobbyList: Hobby[] = [
-  { name: '🧗 클라이밍' },
-  { name: '🥐 맛집탐방' },
-  { name: '🎬 영화보기' },
-  { name: '👟 운동' },
-  { name: '🧶 뜨개질' },
-  { name: '🧑‍💻 개발공부' },
-  { name: '📖 독서' },
-  { name: '🍷 와인' },
-  { name: '🏊 수영' },
-  { name: '🏌️ 골프' },
-  { name: '🎹 악기연주' },
-];
-
 export const Default: Story = {
-  args: {
-    exampleHobbyList: MockHobbyList,
-  },
+  args: {},
 };

src/processes/ideal_partner/HobbyForm/HobbyForm.tsx

@@ -1,21 +1,17 @@
 import styles from './HobbyForm.module.css';
 import { useIdealPartnerStore } from 'src/entities/ideal_partner/model/idealPartnerStore';
 import { ChipList } from 'src/shared/ui/ChipList/ChipList';
-import { Hobby } from 'src/entities/profile/types/hobby';
+import { ExampleHobbyList } from 'src/entities/hobby/constants/hobbies';
 
-type HobbyFormProps = {
-  exampleHobbyList?: Hobby[];
-};
-
-export const HobbyForm = ({ exampleHobbyList = [] }: HobbyFormProps) => {
+export const HobbyForm = () => {
   const hobbies = useIdealPartnerStore((state) => state.hobbies);
   const setHobbies = useIdealPartnerStore((state) => state.setHobbies);
 
   return (
     <>
       <section className={styles.Container}>
         <ChipList
-          defaultList={exampleHobbyList}
+          defaultList={ExampleHobbyList}
           selectedList={hobbies}
           setSelectedList={setHobbies}
           customInputTitle={'추가하실 취미를 입력해주세요.'}

src/processes/my_profile/HobbyForm/HobbyForm.stories.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Hobby, HobbyForm } from 'src/processes/my_profile/HobbyForm/HobbyForm';
+import { HobbyForm } from 'src/processes/my_profile/HobbyForm/HobbyForm';
 
 const meta: Meta<typeof HobbyForm> = {
   component: HobbyForm,
@@ -8,22 +8,6 @@ const meta: Meta<typeof HobbyForm> = {
 export default meta;
 type Story = StoryObj<typeof HobbyForm>;
 
-const MockHobbyList: Hobby[] = [
-  { name: '🧗 클라이밍' },
-  { name: '🥐 맛집탐방' },
-  { name: '🎬 영화보기' },
-  { name: '👟 운동' },
-  { name: '🧶 뜨개질' },
-  { name: '🧑‍💻 개발공부' },
-  { name: '📖 독서' },
-  { name: '🍷 와인' },
-  { name: '🏊 수영' },
-  { name: '🏌️ 골프' },
-  { name: '🎹 악기연주' },
-];
-
 export const Default: Story = {
-  args: {
-    hobbyList: MockHobbyList,
-  },
+  args: {},
 };

src/processes/my_profile/HobbyForm/HobbyForm.tsx

@@ -1,20 +1,16 @@
 import styles from './HobbyForm.module.css';
 import { ChipList } from 'src/shared/ui/ChipList/ChipList';
 import { useMyProfileStore } from 'src/entities/profile/model/myProfileStore';
-import { Hobby } from 'src/entities/profile/types/hobby';
+import { ExampleHobbyList } from 'src/entities/hobby/constants/hobbies';
 
-type HobbyFormProps = {
-  hobbyList?: Hobby[];
-};
-
-export const HobbyForm = ({ hobbyList = [] }: HobbyFormProps) => {
+export const HobbyForm = () => {
   const hobbies = useMyProfileStore((state) => state.hobbies);
   const setHobbies = useMyProfileStore((state) => state.setHobbies);
 
   return (
     <section className={styles.Container}>
       <ChipList
-        defaultList={hobbyList}
+        defaultList={ExampleHobbyList}
         selectedList={hobbies}
         setSelectedList={setHobbies}
         customInputTitle={'추가하실 취미를 입력해주세요.'}