refactor(client): 다이렉트 프로필 리스트 상수로 분리

apps/client/src/components/profile/DirectProfileList/index.tsx

@@ -2,31 +2,19 @@ import styled from '@emotion/styled';
 import { Stack } from '@sickgyun/ui';
 import DirectProfileCard from '../DirectProfileCard';
 import FullHeightSpinner from '@/components/common/FullHeightSpinner';
+import { DIRECT_PROFILE_LIST } from '@/constants/profile';
 import { withSuspense } from '@/hocs/withSuspense';
 
 const DirectProfileList = () => {
   return (
     <StyledDirectProfileList direction="horizontal" align="center" spacing={20}>
-      <DirectProfileCard
-        profileId={5}
-        userId={4}
-        introduction={`- 부마위키, 식견의 백엔드 팀장이에요.\n- 트레이드 오프에 관한 토론을 좋아해요.`}
-      />
-      <DirectProfileCard
-        profileId={15}
-        userId={1}
-        introduction={`- 당근 인턴 경험이 있어요.\n- 마루와 식견의 프론트엔드 팀장이에요.\n- 오픈소스에 기여하는 것을 좋아해요.`}
-      />
-      <DirectProfileCard
-        profileId={13}
-        userId={9}
-        introduction={`- 부마위키에서 PM 및 프론트엔드 팀장을\n담당했어요.\n- 클린 코드와 기술 동향에 대해 관심이\n있어요.`}
-      />
-      <DirectProfileCard
-        profileId={3}
-        userId={3}
-        introduction={`- 마루, 식견의 디자인을 맡았어요.\n- 디자인과 디자이너 취업 등에 대해 이야기\n해드릴 수 있어요.`}
-      />
+      {DIRECT_PROFILE_LIST.map((directProfile) => (
+        <DirectProfileCard
+          profileId={directProfile.profileId}
+          userId={directProfile.userId}
+          introduction={directProfile.introduction}
+        />
+      ))}
     </StyledDirectProfileList>
   );
 };

apps/client/src/constants/profile.ts

@@ -9,3 +9,26 @@ export const MAJOR_LIST = [
 
 export const RECRUIT_FULL_VIEW_LINK =
   'https://www.rallit.com/?jobGroup=DEVELOPER&jobLevel=INTERN%2CBEGINNER%2CJUNIOR&pageNumber=1';
+
+export const DIRECT_PROFILE_LIST = [
+  {
+    profileId: 5,
+    userId: 4,
+    introduction: `- 부마위키, 식견의 백엔드 팀장이에요.\n- 트레이드 오프에 관한 토론을 좋아해요.`,
+  },
+  {
+    profileId: 15,
+    userId: 1,
+    introduction: `- 당근 인턴 경험이 있어요.\n- 마루와 식견의 프론트엔드 팀장이에요.\n- 오픈소스에 기여하는 것을 좋아해요.`,
+  },
+  {
+    profileId: 13,
+    userId: 9,
+    introduction: `- 부마위키에서 PM 및 프론트엔드 팀장을\n담당했어요.\n- 클린 코드와 기술 동향에 대해 관심이\n있어요.`,
+  },
+  {
+    profileId: 3,
+    userId: 3,
+    introduction: `- 마루, 식견의 디자인을 맡았어요.\n- 디자인과 디자이너 취업 등에 대해 이야기\n해드릴 수 있어요.`,
+  },
+] as const;