diff --git a/apps/web/src/pages/denied/DeniedPage.tsx b/apps/web/src/pages/denied/DeniedPage.tsx
new file mode 100644
index 0000000..e69f2e7
--- /dev/null
+++ b/apps/web/src/pages/denied/DeniedPage.tsx
@@ -0,0 +1,44 @@
+import { Navigate } from 'react-router';
+import { useAuth } from '../../shared/auth';
+
+export function DeniedPage() {
+ const { user, loading, logout } = useAuth();
+
+ if (loading) {
+ return (
+
+ );
+ }
+
+ if (!user) {
+ return
;
+ }
+
+ const isRejectedOrDisabled =
+ user.status === 'REJECTED' || user.status === 'DISABLED';
+ const hasWingPermit = user.roles.some((r) => r.name === 'WING_PERMIT');
+
+ return (
+
+
+
🚫
+
접근 불가
+
+ {isRejectedOrDisabled
+ ? `계정이 ${user.status === 'REJECTED' ? '거절' : '비활성화'}되었습니다.`
+ : !hasWingPermit
+ ? 'WING 대시보드 접근 권한이 없습니다. 관리자에게 WING_PERMIT 역할을 요청하세요.'
+ : '접근이 거부되었습니다.'}
+
+
+ {user.email}
+
+
+
+
+ );
+}
diff --git a/apps/web/src/pages/login/LoginPage.tsx b/apps/web/src/pages/login/LoginPage.tsx
new file mode 100644
index 0000000..b035240
--- /dev/null
+++ b/apps/web/src/pages/login/LoginPage.tsx
@@ -0,0 +1,70 @@
+import { useState } from 'react';
+import { Navigate } from 'react-router';
+import { GoogleLogin, GoogleOAuthProvider } from '@react-oauth/google';
+import { useAuth } from '../../shared/auth';
+
+const GOOGLE_CLIENT_ID = import.meta.env.VITE_GOOGLE_CLIENT_ID || '';
+
+export function LoginPage() {
+ const { user, login, devLogin, loading } = useAuth();
+ const [error, setError] = useState
(null);
+
+ if (loading) {
+ return (
+
+ );
+ }
+
+ if (user) {
+ return ;
+ }
+
+ const handleSuccess = async (credentialResponse: { credential?: string }) => {
+ if (!credentialResponse.credential) {
+ setError('Google 인증 토큰을 받지 못했습니다.');
+ return;
+ }
+ try {
+ setError(null);
+ await login(credentialResponse.credential);
+ } catch (e) {
+ setError(e instanceof Error ? e.message : '로그인에 실패했습니다.');
+ }
+ };
+
+ return (
+
+
+
GC WINGdemo
+
조업감시 대시보드
+
@gcsc.co.kr 계정으로 로그인하세요
+
+ {error &&
{error}
}
+
+
+
+ setError('Google 로그인에 실패했습니다.')}
+ theme="filled_black"
+ size="large"
+ width="280"
+ />
+
+
+
+ {devLogin && (
+
+ )}
+
+
+ GC SI Team · Wing Fleet Dashboard
+
+
+
+
+
⏳
+
승인 대기 중
+
+ {user.email} 계정이 등록되었습니다.
+
+ 관리자가 승인하면 대시보드에 접근할 수 있습니다.
+
+
+
+