feat(auth): 프론트 로그인 검증

Author: Hyeseung-OH

front/src/app/(dashboard)/analysis/loading/page.tsx

@@ -2,7 +2,11 @@
 "use client"
 
 import LoadingContent from "@/components/analysis/LoadingContent"
+import { useRequireAuth } from "@/hooks/auth/useRequireAuth"
 
 export default function LoadingPage() {
+  const { user } = useRequireAuth()
+  if (!user) return null
+  
   return <LoadingContent />
 }

front/src/app/(dashboard)/analysis/page.tsx

@@ -3,23 +3,26 @@
 "use client"
 
 import type React from "react"
-import { useState } from "react"
+import { useState, useEffect } from "react"
 import { useRouter } from "next/navigation"
 import { Button } from "@/components/ui/Button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Card } from "@/components/ui/card"
 import { Sparkles, Github, Clock, TrendingUp, Search } from "lucide-react"
-import { analysisApi } from "@/lib/api/analysis"
 import { isValidGitHubUrl } from "@/lib/utils/validation"
 import { useAnalysis } from "@/hooks/analysis/useAnalysis"
+import { useRequireAuth } from "@/hooks/auth/useRequireAuth"
 
 export default function AnalyzePage() {
   const [repoUrl, setRepoUrl] = useState("")
   const [isValidUrl, setIsValidUrl] = useState(true)
   const router = useRouter()
   const { requestAnalysis, isLoading, error } = useAnalysis()
 
+  const { user } = useRequireAuth()
+  if (!user) return null
+
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
 

front/src/app/page.tsx

@@ -11,19 +11,16 @@ export default function LandingPage() {
 
   const handleStartAnalysis = () => {
     if (!isAuthed && !user) {
-      alert("분석 시작하기는 아직 개발중!")
+      router.push(`/login`)
       return
     }
-    router.push("/analysis")
+    router.push(`/analysis`)
   }
 
   const handleGoCommunity = () => {
-    if (!isAuthed && !user) {
-      alert("커뮤니티는 아직 개발중!")
-      return
-    }
-    router.push("/community")
+    router.push(`/community`)
   }
+
   return (
     <div className="min-h-screen bg-background">
       {/* Hero Section */}

front/src/hooks/auth/useRequireAuth.ts

@@ -0,0 +1,18 @@
+// hooks/useRequireAuth.ts
+"use client"
+import { useEffect } from "react"
+import { useRouter } from "next/navigation"
+import { useAuth } from "@/hooks/auth/useAuth"
+
+export function useRequireAuth() {
+  const router = useRouter()
+  const { isAuthed, user } = useAuth()
+
+  useEffect(() => {
+    if (!isAuthed || !user) {
+      router.replace("/login")
+    }
+  }, [isAuthed, user, router])
+
+  return { user, isAuthed }
+}