From 54a786610d19347caa5037e26d9021df652840f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=9D=EC=A7=84?= <sj01048260279@gmail.com>
Date: Sat, 27 Apr 2024 21:25:46 +0900
Subject: [PATCH] =?UTF-8?q?refactor(client):=20=EB=8B=A4=EC=9D=B4=EB=A0=89?=
 =?UTF-8?q?=ED=8A=B8=20=ED=94=84=EB=A1=9C=ED=95=84=20=EB=A6=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=83=81=EC=88=98=EB=A1=9C=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../profile/DirectProfileList/index.tsx       | 28 ++++++-------------
 apps/client/src/constants/profile.ts          | 23 +++++++++++++++
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/apps/client/src/components/profile/DirectProfileList/index.tsx b/apps/client/src/components/profile/DirectProfileList/index.tsx
index 1f611022..818ac804 100644
--- a/apps/client/src/components/profile/DirectProfileList/index.tsx
+++ b/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>
   );
 };
diff --git a/apps/client/src/constants/profile.ts b/apps/client/src/constants/profile.ts
index db8b6522..5180f8d8 100644
--- a/apps/client/src/constants/profile.ts
+++ b/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;