From c4c272937064291e0ac1c85d552f2954cae86423 Mon Sep 17 00:00:00 2001 From: Lee Seung Heon Date: Tue, 13 Jan 2026 02:08:00 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=92=84UI:=20=EB=A7=88=EC=9D=B4?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9C=A0=EC=A0=80=20=EC=A0=95?= =?UTF-8?q?=EB=B3=B4=20UI=EA=B5=AC=ED=98=84=20=EB=B0=8F=20=EC=A0=84?= =?UTF-8?q?=EC=B2=B4=20UI=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(main)/layout.tsx | 2 +- .../mypage/(information)/eligibility/page.tsx | 10 ++- .../eligibility/mypage-eligibility-page.tsx | 60 +++++++++++++++ src/_pages/mypage/mypage.tsx | 77 +++++++++++-------- src/shared/components/mypage-menu.tsx | 10 +-- 5 files changed, 118 insertions(+), 41 deletions(-) create mode 100644 src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx index f2c1b7c4..c2cd31d9 100644 --- a/app/(main)/layout.tsx +++ b/app/(main)/layout.tsx @@ -5,7 +5,7 @@ import { ReactNode } from "react"; // TODO: pathname 토대로 분기처리 필요 export default function Layout({ children }: { children: ReactNode }) { return ( -
+
{/* TODO: 게스트 - unauthenticated, 회원 authenticated */}
diff --git a/app/(main)/mypage/(information)/eligibility/page.tsx b/app/(main)/mypage/(information)/eligibility/page.tsx index 546d9361..6c669f28 100644 --- a/app/(main)/mypage/(information)/eligibility/page.tsx +++ b/app/(main)/mypage/(information)/eligibility/page.tsx @@ -1,3 +1,9 @@ -export default function Page() { - return
eligibility - 지원 자격
; +import MyPageEligibilityPage from "@/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page"; + +export default function page() { + return ( +
+ +
+ ); } diff --git a/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx new file mode 100644 index 00000000..950321df --- /dev/null +++ b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx @@ -0,0 +1,60 @@ +"use client"; + +import Card from "@/src/shared/ui/card"; + +export default function MyPageEligibilityPage() { + return ( +
+ {/* 개인 정보 */} + +
+

개인 정보

+ +
+ +
    +
  • + 생년월일 + 1999.10.21 +
    • + +
  • + 상태 + 재직중 +
    • + +
  • + 주소 + + 경기도 00시 00구 00로 333-3 + +
    • +
+ + + {/* 자산 현황 */} + +
+

자산 현황

+ +
+ +
    +
  • + 월 평균 소득 + 0원 +
    • + +
  • + 총 자산 규모 + 0원 +
    • +
+ +
+ ); +} diff --git a/src/_pages/mypage/mypage.tsx b/src/_pages/mypage/mypage.tsx index c4026d99..0f76772c 100644 --- a/src/_pages/mypage/mypage.tsx +++ b/src/_pages/mypage/mypage.tsx @@ -1,64 +1,75 @@ import { MenuItem, MenuSection } from "@/src/shared/components/mypage-menu"; import Button from "@/src/shared/ui/button"; -import { CustomerSupportSection } from "@/src/widgets/mypage-customer-support"; -import { Heart, LogOut, User } from "lucide-react"; +import { Heart, User, Eye, FileText } from "lucide-react"; export default function MyPage() { return ( - <> +
{/* Profile Section */} -
-
-
-
-
-

+

+
+

김청년 님

- +

+ 이메일: asdf1234@kakao.com +

-
- {/* 지원 현황 */} -
- 지원 이력, 심사중, 달성 - entities 카드로 분리 +
- {/* 최근 지원 공고 */} -
최근 지원 공고(카드 - entities)
- -
- {/* 나의 정보 */} - +
+ {/* 개인 정보 */} + } label="지원 자격" /> } label="관심 공고" /> + } + label="최근 열람 공고" + /> {/* 고객 지원 */} - - - {/* 계정 설정 (로그아웃) */} - + + } + label="자주 묻는 질문 (FAQ)" + /> } - label="알림 설정" + link="/mypage/terms" + icon={} + label="서비스 이용약관" /> } - label="로그아웃" + link="/mypage/privacy" + icon={} + label="개인정보 처리방침" /> + + {/* 탈퇴하기 */} +
+ +
- +
); } diff --git a/src/shared/components/mypage-menu.tsx b/src/shared/components/mypage-menu.tsx index da025e39..06c43589 100644 --- a/src/shared/components/mypage-menu.tsx +++ b/src/shared/components/mypage-menu.tsx @@ -10,9 +10,9 @@ export function MenuSection({ children: React.ReactNode; }) { return ( -
-

{title}

-
+
+

{title}

+
{children}
@@ -30,12 +30,12 @@ export function MenuItem({ }) { return ( - ); From 4dfa5fd969fd2bd62209655b97894f991086a1af Mon Sep 17 00:00:00 2001 From: Lee Seung Heon Date: Tue, 13 Jan 2026 02:10:03 +0900 Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=92=84UI:=20=EB=B6=88=ED=95=84?= =?UTF-8?q?=EC=9A=94=ED=95=9C=20className=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/components/mypage-menu.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/shared/components/mypage-menu.tsx b/src/shared/components/mypage-menu.tsx index 06c43589..774d63c3 100644 --- a/src/shared/components/mypage-menu.tsx +++ b/src/shared/components/mypage-menu.tsx @@ -10,7 +10,7 @@ export function MenuSection({ children: React.ReactNode; }) { return ( -
+

{title}

{children} From bc99cec988374de75cc3bcb26e1c6a2491e0a8c1 Mon Sep 17 00:00:00 2001 From: Lee Seung Heon Date: Tue, 13 Jan 2026 11:27:49 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20=ED=94=BC?= =?UTF-8?q?=EB=93=9C=EB=B0=B1=20=EB=B0=98=EC=98=81=20=EC=BD=94=EB=93=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../mypage/(information)/eligibility/page.tsx | 6 +- .../eligibility/mypage-eligibility-page.tsx | 74 +++++++++++-------- 2 files changed, 43 insertions(+), 37 deletions(-) diff --git a/app/(main)/mypage/(information)/eligibility/page.tsx b/app/(main)/mypage/(information)/eligibility/page.tsx index 6c669f28..f4de1f06 100644 --- a/app/(main)/mypage/(information)/eligibility/page.tsx +++ b/app/(main)/mypage/(information)/eligibility/page.tsx @@ -1,9 +1,5 @@ import MyPageEligibilityPage from "@/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page"; export default function page() { - return ( -
- -
- ); + return ; } diff --git a/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx index 950321df..0eed1360 100644 --- a/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx +++ b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx @@ -1,58 +1,68 @@ "use client"; +import Button from "@/src/shared/ui/button"; import Card from "@/src/shared/ui/card"; +type InfoItem = { + label: string; + value: string; +}; + +const personalInfoList: InfoItem[] = [ + { label: "생년월일", value: "1999.10.21" }, + { label: "상태", value: "재직중" }, + { label: "주소", value: "경기도 00시 00구 00로 333-3" }, +]; + +const assetInfoList: InfoItem[] = [ + { label: "월 평균 소득", value: "0원" }, + { label: "총 자산 규모", value: "0원" }, +]; + export default function MyPageEligibilityPage() { return ( -
+
{/* 개인 정보 */} -
+

개인 정보

- +
    -
  • - 생년월일 - 1999.10.21 -
    • - -
  • - 상태 - 재직중 -
    • - -
  • - 주소 - - 경기도 00시 00구 00로 333-3 - -
    • + {personalInfoList.map((item) => ( +
  • + {item.label} + {item.value} +
    • + ))}
{/* 자산 현황 */} -
+

자산 현황

- +
    -
  • - 월 평균 소득 - 0원 -
    • - -
  • - 총 자산 규모 - 0원 -
    • + {assetInfoList.map((item) => ( +
  • + {item.label} + {item.value} +
    • + ))}