diff --git a/src/app/components/card/cardList/RecruitIcon.tsx b/src/app/components/card/cardList/RecruitIcon.tsx index c8990630..ccfa8c5a 100644 --- a/src/app/components/card/cardList/RecruitIcon.tsx +++ b/src/app/components/card/cardList/RecruitIcon.tsx @@ -26,11 +26,11 @@ export const RecruitIcon = ({ const periodValue = ( <> {/* 모바일에서 표시되는 기간 형식 */} - + {formatRecruitDate(recruitmentStartDate)}~{formatRecruitDate(recruitmentEndDate)} {/* 데스크탑에서 표시되는 기간 형식 */} - + {formatRecruitDate(recruitmentStartDate, true)}~
{formatRecruitDate(recruitmentEndDate, true)} @@ -76,9 +76,9 @@ export const RecruitIcon = ({ return ( // 반응형 컨테이너 -
+
{/* 2x2 그리드 레이아웃 */} -
+
{conditions.map((condition, index) => ( ))} diff --git a/src/app/components/card/cardList/RecruitIconItem.tsx b/src/app/components/card/cardList/RecruitIconItem.tsx index 1052bdba..e195be57 100644 --- a/src/app/components/card/cardList/RecruitIconItem.tsx +++ b/src/app/components/card/cardList/RecruitIconItem.tsx @@ -12,21 +12,20 @@ interface RecruitIconItemProps { // 채용 공고의 근무 조건을 아이콘으로 표시하는 컴포넌트의 아이템 컴포넌트 const RecruitIconItem = ({ icon, label, value }: RecruitIconItemProps) => { return ( -
-
-
+
+
+
{label}
-
+
{label}
-
{label}
-
{value}
+
{label}
+
{value}
); }; - export default RecruitIconItem; diff --git a/src/utils/workDayFormatter.ts b/src/utils/workDayFormatter.ts index 6a2f77bc..dda4cd36 100644 --- a/src/utils/workDayFormatter.ts +++ b/src/utils/workDayFormatter.ts @@ -13,7 +13,7 @@ export const formatRecruitDate = (date: Date, isMd: boolean = false) => { }; export const getWorkDaysDisplay = (isNegotiableWorkDays: boolean, workDays: string[] = []) => { - if (isNegotiableWorkDays) return "요일협의"; + if (isNegotiableWorkDays) return "요일 협의"; if (!workDays.length) return "-"; // 요일 순서 정의 @@ -30,7 +30,7 @@ export const getWorkDaysDisplay = (isNegotiableWorkDays: boolean, workDays: stri // 유효한 요일만 필터링 const validWorkDays = translatedWorkDays.filter((day) => dayOrder.includes(day)); const sortedDays = validWorkDays.sort((a, b) => dayOrder.indexOf(a) - dayOrder.indexOf(b)); - console.log("getWorkDaysDisplay", sortedDays); + // console.log("getWorkDaysDisplay", sortedDays); const result: string[] = []; let startDay = sortedDays[0];