로그인 프론트 구조 변경

src/app/components/ImgInputForm.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useCallback, useRef, useState } from 'react'
+import { useCallback, useRef, useState, useEffect } from 'react'
 import styles from './ImgInputForm.module.css'
 
 const MAX_FILE_SIZE = 5 * 1024 * 1024 // 5MB
@@ -16,6 +16,24 @@ const ImgInputForm = () => {
 
     const API_BASE = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:9001'
 
+    useEffect(() => {
+        const checkAuth = async () => {
+            try {
+                const res = await fetch(`${API_BASE}/auth/check-token`, {
+                    method: 'GET',
+                    credentials: 'include',
+                })
+                if (!res.ok) throw new Error('인증 실패')
+                console.log('사용자 인증 성공')
+            } catch (err) {
+                console.error('사용자 인증 실패:', (err as Error).message)
+                setError('로그인이 필요합니다.')
+            }
+        }
+
+        checkAuth()
+    }, [])
+
     const handleFile = useCallback((file: File) => {
         setError(null)
         setSuccess(null)