Feat: 방문자수 추가

Author: lazy-dinosaur

app/(blog)/page.tsx

@@ -215,10 +215,16 @@ function HomeContent() {
 				description="더 게을러지기위해 더 똑똑해지기"
 				extraContent={
 					<div className="text-muted-foreground">
-						<p>
+						<p className="mb-2">
 							세상을 게으르게 만들기 위해 발전하고 싶은 프론트엔드 개발자입니다.
 							🚀
 						</p>
+						<a href="https://myhits.vercel.app">
+							<img
+								src="https://myhits.vercel.app/api/hit/https%3A%2F%2Flazy-dinosaur.github.io%2F?color=green&label=Hits&size=medium"
+								alt="Hits"
+							/>
+						</a>
 					</div>
 				}
 			/>
@@ -262,7 +268,7 @@ function HomeContent() {
 								exit={{ opacity: 0, height: 0 }}
 								transition={{
 									height: { duration: 0.3, ease: "easeInOut" },
-									opacity: { duration: 0.2 }
+									opacity: { duration: 0.2 },
 								}}
 								className="overflow-hidden"
 							>
@@ -373,9 +379,25 @@ function HomeContent() {
 			) : posts.length > 0 ? (
 				<div className="flex justify-center items-center min-h-[400px]">
 					<div className="flex flex-col items-center gap-4">
-						<svg className="animate-spin h-12 w-12 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-							<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-							<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+						<svg
+							className="animate-spin h-12 w-12 text-primary"
+							xmlns="http://www.w3.org/2000/svg"
+							fill="none"
+							viewBox="0 0 24 24"
+						>
+							<circle
+								className="opacity-25"
+								cx="12"
+								cy="12"
+								r="10"
+								stroke="currentColor"
+								strokeWidth="4"
+							></circle>
+							<path
+								className="opacity-75"
+								fill="currentColor"
+								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+							></path>
 						</svg>
 						<p className="text-muted-foreground">포스트를 불러오는 중...</p>
 					</div>
@@ -500,17 +522,35 @@ function HomeContent() {
 
 export default function Home() {
 	return (
-		<Suspense fallback={
-			<div className="flex justify-center items-center min-h-screen">
-				<div className="flex flex-col items-center gap-4">
-					<svg className="animate-spin h-16 w-16 text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-						<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-						<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-					</svg>
-					<p className="text-lg text-muted-foreground">로딩 중...</p>
+		<Suspense
+			fallback={
+				<div className="flex justify-center items-center min-h-screen">
+					<div className="flex flex-col items-center gap-4">
+						<svg
+							className="animate-spin h-16 w-16 text-primary"
+							xmlns="http://www.w3.org/2000/svg"
+							fill="none"
+							viewBox="0 0 24 24"
+						>
+							<circle
+								className="opacity-25"
+								cx="12"
+								cy="12"
+								r="10"
+								stroke="currentColor"
+								strokeWidth="4"
+							></circle>
+							<path
+								className="opacity-75"
+								fill="currentColor"
+								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+							></path>
+						</svg>
+						<p className="text-lg text-muted-foreground">로딩 중...</p>
+					</div>
 				</div>
-			</div>
-		}>
+			}
+		>
 			<HomeContent />
 		</Suspense>
 	);

app/projects/live-demo-modal.tsx

@@ -228,7 +228,7 @@ export default function LiveDemoModal({
                           isVideoFile(
                             project.demoImages[currentImageIndex]?.url || "",
                           ) ? (
-                          <div className="relative w-full h-[85vh] max-h-[85vh] sm:max-h-[90vh] pb-36 flex items-center justify-center bg-black/5">
+                          <div className="relative w-full h-full flex items-center justify-center bg-black/5">
                             <video
                               src={
                                 project.demoImages[currentImageIndex]?.url || ""
@@ -285,6 +285,17 @@ export default function LiveDemoModal({
                               }}
                               key={`video-${project.demoImages[currentImageIndex]?.url}`}
                             />
+                            {/* 비디오 설명 추가 */}
+                            {project.demoImages[currentImageIndex]?.description && (
+                              <div className="absolute bottom-12 left-0 right-0 p-3 sm:p-4 bg-background/90 dark:bg-background/90 backdrop-blur-sm w-full text-center">
+                                <p className="text-xs sm:text-sm text-foreground">
+                                  {
+                                    project.demoImages[currentImageIndex]
+                                      ?.description
+                                  }
+                                </p>
+                              </div>
+                            )}
                           </div>
                         ) : (
                           <Image

public/sitemap.xml

@@ -2,13 +2,13 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://lazy-dino.github.io/</loc>
-    <lastmod>2025-06-29</lastmod>
+    <lastmod>2025-07-01</lastmod>
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://lazy-dino.github.io/projects</loc>
-    <lastmod>2025-06-29</lastmod>
+    <lastmod>2025-07-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.9</priority>
   </url>