hash to id

src/app/page.tsx

@@ -8,6 +8,21 @@ export function Page() {
 	const [age, setAge] = useState<number>(0);
 	const [post, setPost] = useState<any>({});
 
+    useEffect(() => {
+        const scrollToHash = () => {
+            const hash = window.location.hash.substring(1);
+            if (hash) {
+                const element = document.getElementById(hash);
+                if (element) {
+                    setTimeout(() => {
+                        element.scrollIntoView({ behavior: "smooth" });
+                    }, 100);
+                }
+            }
+        };
+        scrollToHash();
+	}, []);
+
 	useEffect(() => {
 		// 나이 계산
 		const referenceDate = new Date(2010, 10, 8); // 2010년 11월 8일 (0-indexed)

src/components/TimeLine.tsx

@@ -176,7 +176,7 @@ export default function Timeline() {
   }, [isVisible, count]);
 
   return (
-    <div ref={TimelineRef} className="w-full flex flex-col items-center justify-center mt-8">
+    <div id="timeline" ref={TimelineRef} className="w-full flex flex-col items-center justify-center mt-8">
       <div className="w-full">
         <h1 className="text-2xl font-bold mb-4 w-full">🌠 수상 및 교육</h1>
         <p>현재까지 {count}개의 개성있는 조각들이 모였어요!</p>