From 5a91cca94fb14a13c141ab2b5b68b135b5d7a790 Mon Sep 17 00:00:00 2001
From: root <fkskqufgk@gmial.com>
Date: Fri, 27 Feb 2026 18:13:28 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=A0=ED=8A=B8=20=EA=B5=AC=EC=A1=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/ImgInputForm.tsx | 20 ++++++++++-
 src/app/pages/oauth/callback.tsx    | 51 +++++++++++++++++++++++++++++
 src/pages/api/oauth/kakao.ts        |  0
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 src/app/pages/oauth/callback.tsx
 create mode 100644 src/pages/api/oauth/kakao.ts

diff --git a/src/app/components/ImgInputForm.tsx b/src/app/components/ImgInputForm.tsx
index 628e03a..0fc4ebd 100644
--- a/src/app/components/ImgInputForm.tsx
+++ b/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)
diff --git a/src/app/pages/oauth/callback.tsx b/src/app/pages/oauth/callback.tsx
new file mode 100644
index 0000000..d72731f
--- /dev/null
+++ b/src/app/pages/oauth/callback.tsx
@@ -0,0 +1,51 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+
+const OAuthCallback = () => {
+    const router = useRouter();
+    const [error, setError] = useState<string | null>(null);
+    const [message, setMessage] = useState<string | null>(null);
+
+    useEffect(() => {
+        const handleOAuthCallback = async () => {
+            console.log('OAuth 콜백 처리 중...');
+            const urlParams = new URLSearchParams(window.location.search);
+            const code = urlParams.get('code');
+            const error = urlParams.get('error');
+
+            if (error) {
+                setError('카카오 로그인 중 오류가 발생했습니다.');
+                return;
+            }
+
+            if (code) {
+                try {
+                    const res = await fetch('/api/oauth/kakao', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ code }),
+                    });
+
+                    if (!res.ok) throw new Error('서버 요청 실패');
+                    const data = await res.json();
+                    setMessage(`로그인 성공: ${data.message}`);
+                } catch (err) {
+                    setError((err as Error).message || '로그인 처리 중 오류가 발생했습니다.');
+                }
+            }
+        };
+
+        handleOAuthCallback();
+    }, []);
+
+    return (
+        <div>
+            {error && <p style={{ color: 'red' }}>{error}</p>}
+            {message && <p>{message}</p>}
+        </div>
+    );
+};
+
+export default OAuthCallback;
diff --git a/src/pages/api/oauth/kakao.ts b/src/pages/api/oauth/kakao.ts
new file mode 100644
index 0000000..e69de29