diff --git a/src/app/homecoming/page.jsx b/src/app/homecoming/page.jsx index 6e602ad..61b70ca 100644 --- a/src/app/homecoming/page.jsx +++ b/src/app/homecoming/page.jsx @@ -3,6 +3,7 @@ import {useState} from 'react'; import {GoogleMap, Marker, useJsApiLoader} from '@react-google-maps/api'; import Image from 'next/image'; +import {useSearchParams} from "next/navigation"; export default function HomecomingPage() { const [showInvitation, setShowInvitation] = useState(false); @@ -45,6 +46,12 @@ export default function HomecomingPage() { Hero 컴포넌트 ================================ */ function Hero({onOpenInvitation}) { + const searchParams = useSearchParams(); + + // 예: /homecoming?from=GOAT+멤버 + const rawText = searchParams.get('from'); // 없으면 null + const testText = rawText ? (decodeURIComponent(rawText) + " ") : ''; // 기본값 처리 + return (
- -

- GDGoC INHA +

+ GDGoC INHA{" "} +
+ 제1회 홈커밍데이에
- 제1회 홈커밍데이에 초대합니다! + {testText && (<>{testText})} + 여러분을 초대합니다!

); + className="rounded-2xl border border-red-300 bg-red-50 text-red-700 text-xs md:text-sm flex items-center justify-center h-[220px] md:h-[320px] lg:h-[420px]"> + 지도를 불러오는 중 오류가 발생했습니다. + ); } if (!isLoaded) { return (
- 지도를 불러오는 중입니다... -
); + className="rounded-2xl border border-neutral-200 bg-neutral-100 text-neutral-500 text-xs md:text-sm flex items-center justify-center h-[220px] md:h-[320px] lg:h-[420px]"> + 지도를 불러오는 중입니다... + ); } return (
- - - -
); + className="rounded-2xl overflow-hidden border border-neutral-200 bg-neutral-100 h-[220px] md:h-[320px] lg:h-[420px]"> + + + + ); } \ No newline at end of file