feat: 상단 공지 기능 추가

Author: eottabom

components/TopNotice.tsx

@@ -0,0 +1,36 @@
+import { useState, useEffect } from 'react';
+import Link from 'next/link';
+
+export default function TopNotice() {
+    const [visible, setVisible] = useState(true);
+
+    useEffect(() => {
+        const dismissed = localStorage.getItem('topNoticeDismissed');
+        if (dismissed) setVisible(false);
+    }, []);
+
+    const dismiss = () => {
+        setVisible(false);
+        localStorage.setItem('topNoticeDismissed', 'true');
+    };
+
+    if (!visible) return null;
+
+    return (
+        <div className="bg-blue-50 border-b border-blue-200 text-blue-800 px-4 py-3 text-sm flex justify-between items-center">
+            <div className="flex flex-col sm:flex-row sm:items-center gap-2">
+                <span>⚙️ 이 블로그는 현재 포팅 작업 중입니다.</span>
+                <Link
+                    href="https://github.com/eottabom/eottabom.github.io/tree/maintenance/master/_posts"
+                    target="_blank"
+                    className="underline hover:text-blue-600"
+                >
+                    기존 Post GitHub 에서 확인하기
+                </Link>
+            </div>
+            <button onClick={dismiss} className="ml-4 text-blue-500 hover:text-blue-700">
+                ✕
+            </button>
+        </div>
+    );
+}

pages/index.tsx

@@ -2,8 +2,9 @@ import Link from 'next/link';
 import Header from '../components/Header';
 import Footer from '../components/Footer';
 import { GetStaticProps } from 'next';
-import {getPostsMetaOnly, getSortedPostsDataWithContent} from '../lib/posts';
+import {getPostsMetaOnly} from '../lib/posts';
 import AdSense from '../components/AdSense';
+import TopNotice from "../components/TopNotice";
 
 const gradients = [
   'from-pink-500 via-red-500 to-orange-400',
@@ -58,6 +59,7 @@ export default function Home({ allPostsData, gradientsForPosts }: HomeProps) {
 
   return (
     <>
+      <TopNotice />
       <div className="min-h-screen">
         <Header isDark={false} />
 

pages/post.tsx

@@ -52,7 +52,7 @@ export default function PostPage({ postsByTag, tagCounts }) {
   const hasMore = visibleCount < posts.length;
 
   const title = selectedTag === "latest"
-    ? "Post"
+    ? "Latest Posts"
     : `${selectedTag.charAt(0).toUpperCase() + selectedTag.slice(1)} Posts`;
 
   const description = selectedTag === "latest"