fix: 대학 상세 링크를 홈대학 슬러그로 매핑 (#454)

Author: manNomi

apps/web/src/app/(home)/_ui/PopularUniversitySection/_ui/PopularUniversityCard.tsx

@@ -1,5 +1,6 @@
 import Link from "next/link";
 import Image from "@/components/ui/FallbackImage";
+import { getHomeUniversitySlugByName } from "@/constants/university";
 import type { ListUniversity } from "@/types/university";
 import { convertImageUrl } from "@/utils/fileUtils";
 
@@ -18,8 +19,13 @@ const PopularUniversityCard = ({
   fetchPriority = "low",
   quality = 60, // 기본값을 60으로 낮춤
 }: PopularUniversityCardProps) => {
+  const homeUniversitySlug = getHomeUniversitySlugByName(university.homeUniversityName);
+  const universityDetailHref = homeUniversitySlug
+    ? `/university/${homeUniversitySlug}/${university.id}`
+    : "/university";
+
   return (
-    <Link key={university.id} href={`/university/${university.id}`}>
+    <Link key={university.id} href={universityDetailHref}>
       <div className="relative w-[153px]">
         <div className="relative h-[120px] w-[153px] overflow-hidden rounded-lg bg-k-700">
           <Image

apps/web/src/components/ui/UniverSityCard/index.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import Image from "@/components/ui/FallbackImage";
 import CheveronRightFilled from "@/components/ui/icon/ChevronRightFilled";
+import { getHomeUniversitySlugByName } from "@/constants/university";
 import type { ListUniversity } from "@/types/university";
 import { convertImageUrl } from "@/utils/fileUtils";
 import shortenLanguageTestName from "@/utils/universityUtils";
@@ -17,12 +18,16 @@ const UniversityCard = ({ university, showCapacity = true, linkPrefix = "/univer
       ? `${university.koreanName}(${university.term})`
       : university.koreanName;
 
+  const mappedHomeUniversitySlug = getHomeUniversitySlugByName(university.homeUniversityName);
+  const hasExplicitPrefix = linkPrefix !== "/university";
+  const universityDetailHref = mappedHomeUniversitySlug
+    ? `/university/${mappedHomeUniversitySlug}/${university.id}`
+    : hasExplicitPrefix
+      ? `${linkPrefix}/${university.id}`
+      : "/university";
+
   return (
-    <Link
-      className="block"
-      href={`${linkPrefix}/${university.id}`}
-      aria-labelledby={`university-name-${university.id}`}
-    >
+    <Link className="block" href={universityDetailHref} aria-labelledby={`university-name-${university.id}`}>
       <div className="relative h-[91px] w-full overflow-hidden rounded-lg border border-solid border-k-100 hover:-translate-y-0.5 hover:shadow-md hover:shadow-black/10">
         <div className="flex justify-between px-5 py-3.5">
           <div className="flex gap-[23.5px]">

apps/web/src/constants/university.ts

@@ -98,6 +98,16 @@ export const isMatchedHomeUniversityName = (
   return normalizedLeft !== undefined && normalizedRight !== undefined && normalizedLeft === normalizedRight;
 };
 
+export const getHomeUniversitySlugByName = (value: string | null | undefined): HomeUniversitySlug | undefined => {
+  const normalizedUniversityName = normalizeHomeUniversityName(value);
+
+  if (!normalizedUniversityName) {
+    return undefined;
+  }
+
+  return HOME_UNIVERSITY_TO_SLUG_MAP[normalizedUniversityName];
+};
+
 /**
  * 유효한 홈 대학교 슬러그 목록
  */