[Feat] 수강 신청,마이 페이지 관련 QA 반영

apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx

@@ -28,7 +28,7 @@ export const MyInfoBox = async () => {
             </Flex>
             <Space height={58} />
             <Flex gap="xs">
-              <Link href={routePath["onboarding"]} target="_blank">
+              <Link href={routePath["onboardingDashboard"]} target="_blank">
                 <Button size="sm" variant="outline">
                   계정 정보
                 </Button>

apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx

@@ -13,6 +13,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => {
   const studyId = params.studyId;
 
   const [applySuccess, setApplySuccess] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
   const [studyTitle, setStudyTitle] = useState("");
 
   useEffect(() => {
@@ -27,6 +28,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => {
       if (selectedStudy) {
         setStudyTitle(selectedStudy.title);
       }
+      setIsLoading(false);
     };
 
     fetchStudyData();
@@ -41,6 +43,10 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => {
     }
   };
 
+  if (isLoading) {
+    return null;
+  }
+
   return (
     <Modal>
       <Flex direction="column" textAlign="center" width="21rem">

apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx

@@ -12,6 +12,7 @@ import Button from "wowds-ui/Button";
 const StudyCancel = ({ params }: { params: { studyId: number } }) => {
   const studyId = params.studyId;
   const [cancelSucces, setCancelSuccess] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
   const [studyTitle, setStudyTitle] = useState("");
 
   useEffect(() => {
@@ -26,6 +27,7 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => {
       if (selectedStudy) {
         setStudyTitle(selectedStudy.title);
       }
+      setIsLoading(false);
     };
 
     fetchStudyData();
@@ -41,6 +43,10 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => {
     }
   };
 
+  if (isLoading) {
+    return null;
+  }
+
   return (
     <Modal>
       <Flex direction="column" textAlign="center" width="21rem">

apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx

@@ -49,19 +49,27 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
   const isCancelable = appliedStudyId === studyId;
   const isNotApplicable = !isApplicable && !isCancelable;
   return (
-    <Table>
+    <Table className={tableStyle}>
       <Flex direction="column" gap="xxs" justifyContent="center" width={334}>
         <Flex className={contentStyle} gap="xs">
-          <Text typo="h3">{title}</Text>
+          <Text className={titleStyle} typo="h3">
+            {title}
+          </Text>
           <Tag color={sessionColors[studyType] ?? "green"} variant="solid1">
             {studyType}
           </Tag>
         </Flex>
-        <Link href={notionLink ?? ""} target="_blank">
-          <Text className={introductionLinkTextStyle} color="sub" typo="body2">
-            {`(${introduction})`}
-          </Text>
-        </Link>
+        {introduction && (
+          <Link href={notionLink ?? ""} target="_blank">
+            <Text
+              className={introductionLinkTextStyle}
+              color="sub"
+              typo="body2"
+            >
+              {`(${introduction})`}
+            </Text>
+          </Link>
+        )}
       </Flex>
       <Text className={textCellStyle}>{mentorName}</Text>
       <Text
@@ -72,7 +80,7 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
       </Text>
       <Text className={textCellStyle}>{totalWeek}주 코스</Text>
       <Flex direction="column" textAlign="center">
-        <Text className={textCellStyle}>
+        <Text className={dateStyle}>
           {`${openingDate.month}.${openingDate.day} 개강`}
         </Text>
         {isCancelable && (
@@ -106,6 +114,21 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => {
   );
 };
 
+const tableStyle = css({
+  justifyContent: "unset",
+});
+
+const titleStyle = css({
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  maxWidth: "210px",
+  whiteSpace: "nowrap",
+});
+
+const dateStyle = css({
+  width: "118px",
+});
+
 const textCellStyle = css({
   paddingX: "28px",
 });
@@ -118,6 +141,7 @@ const introductionLinkTextStyle = css({
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
+  textDecoration: "underline",
 });
 
 const sessionColors: Record<StudyType, ComponentProps<typeof Tag>["color"]> = {

apps/client/constants/routePath.ts

@@ -18,6 +18,7 @@ export const routePath = {
   ["my-page"]: "/my-page",
   ["my-page-logout"]: "/my-page/logout",
   onboarding: "https://onboarding.gdschongik.com",
+  onboardingDashboard: "https://onboarding.gdschongik.com/dashboard",
   github: "https://github.com",
   admin:
     process.env.NODE_ENV === "production"

apps/client/types/dtos/applyStudy.ts

@@ -5,8 +5,8 @@ export interface StudyList {
   studyId: number;
   title: string;
   studyType: StudyType;
-  notionLink: string;
-  introduction: string;
+  notionLink?: string;
+  introduction?: string;
   mentorName: string;
   dayOfWeek: DayOfWeekType;
   startTime: Time | null;