+
로딩 중...
);
}
-export default function App() {
- const location = useLocation();
+function PublicLayout({ children }) {
return (
<>
-
}>
-
- } />
- } />
- } />
- } />
- } />
- } />
- } />
-
-
+
}>{children}
);
}
+
+export default function App() {
+ const location = useLocation();
+ const isAdmin = location.pathname.startsWith('/admin');
+
+ if (isAdmin) {
+ return (
+
}>
+
+ } />
+ }>
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+
+ } />
+
+
+ );
+ }
+
+ return (
+
+
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+
+
+ );
+}
diff --git a/workspace/zioinfo-web/frontend/src/pages/admin/AdminDashboard.jsx b/workspace/zioinfo-web/frontend/src/pages/admin/AdminDashboard.jsx
new file mode 100644
index 00000000..cd8affdf
--- /dev/null
+++ b/workspace/zioinfo-web/frontend/src/pages/admin/AdminDashboard.jsx
@@ -0,0 +1,93 @@
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+
+const API = (path) => fetch(path, {
+ headers: { Authorization: `Bearer ${localStorage.getItem('admin_token')}` },
+}).then(r => r.json());
+
+export default function AdminDashboard() {
+ const [stats, setStats] = useState(null);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ API('/api/admin/dashboard')
+ .then(setStats)
+ .finally(() => setLoading(false));
+ }, []);
+
+ if (loading) return
로딩 중...
;
+ if (!stats) return null;
+
+ const STAT_CARDS = [
+ { icon: '📰', label: '전체 뉴스', value: stats.totalNews, sub: `공개 ${stats.visibleNews}건`, color: 'blue' },
+ { icon: '📩', label: '전체 문의', value: stats.totalInquiries, sub: `미답변 ${stats.pendingInquiries}건`, color: stats.pendingInquiries > 0 ? 'red' : 'green' },
+ { icon: '👥', label: '채용공고', value: stats.totalRecruits, sub: `진행중 ${stats.activeRecruits}건`, color: 'green' },
+ ];
+
+ return (
+ <>
+ {/* Stats */}
+
+ {STAT_CARDS.map(s => (
+
+
{s.icon}
+
+
{s.value}
+
{s.label}
{s.sub}
+
+
+ ))}
+ {stats.pendingInquiries > 0 && (
+
+
🔔
+
+
{stats.pendingInquiries}
+
미답변 문의
바로가기 →
+
+
+ )}
+
+
+ {/* Recent panels */}
+
+
+
+
📰 최근 뉴스
+ 전체보기
+
+
+ {(stats.recentNews || []).map(n => (
+ -
+
+ {n.title}
+ {n.category}
+
+ ))}
+ {!stats.recentNews?.length && (
+ - 등록된 뉴스가 없습니다.
+ )}
+
+
+
+
+
+
📩 최근 문의
+ 전체보기
+
+
+ {(stats.recentInquiries || []).map(q => (
+ -
+
+ {q.subject}
+ {q.name}
+
+ ))}
+ {!stats.recentInquiries?.length && (
+ - 접수된 문의가 없습니다.
+ )}
+
+
+
+
+ );
+}
diff --git a/workspace/zioinfo-web/frontend/src/pages/admin/AdminInquiry.jsx b/workspace/zioinfo-web/frontend/src/pages/admin/AdminInquiry.jsx
new file mode 100644
index 00000000..42a73023
--- /dev/null
+++ b/workspace/zioinfo-web/frontend/src/pages/admin/AdminInquiry.jsx
@@ -0,0 +1,152 @@
+import { useEffect, useState, useCallback } from 'react';
+
+const token = () => localStorage.getItem('admin_token');
+const authFetch = (url, opts = {}) =>
+ fetch(url, { ...opts, headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token()}`, ...opts.headers } });
+
+const STATUS_LABEL = { PENDING: '미답변', ANSWERED: '답변완료', CLOSED: '종결' };
+const STATUS_BADGE = { PENDING: 'badge-red', ANSWERED: 'badge-green', CLOSED: 'badge-gray' };
+
+export default function AdminInquiry() {
+ const [page, setPage] = useState(0);
+ const [filter, setFilter] = useState('');
+ const [data, setData] = useState({ content: [], totalPages: 0, totalElements: 0 });
+ const [selected, setSelected] = useState(null);
+ const [toast, setToast] = useState(null);
+
+ const showToast = (msg, type = 'success') => { setToast({ msg, type }); setTimeout(() => setToast(null), 2500); };
+
+ const load = useCallback(() => {
+ const q = filter ? `&status=${filter}` : '';
+ authFetch(`/api/admin/inquiries?page=${page}&size=10${q}`)
+ .then(r => r.json()).then(setData);
+ }, [page, filter]);
+
+ useEffect(() => { load(); }, [load]);
+
+ const handleStatus = async (id, status) => {
+ const res = await authFetch(`/api/admin/inquiries/${id}/status`, {
+ method: 'PATCH', body: JSON.stringify({ status }),
+ });
+ if (res.ok) {
+ load();
+ if (selected?.id === id) setSelected(p => ({ ...p, status }));
+ showToast('상태가 변경되었습니다.');
+ }
+ };
+
+ const openDetail = async (id) => {
+ const res = await authFetch(`/api/admin/inquiries/${id}`);
+ if (res.ok) setSelected(await res.json());
+ };
+
+ return (
+ <>
+ {toast &&
}
+
+
+
+ 전체 {data.totalElements}건
+
+
+
+
+
+
+ | No | 이름 | 제목 | 카테고리 | 상태 | 접수일 | 관리 |
|---|
+
+
+ {data.content.map((q, i) => (
+
+ | {data.totalElements - page * 10 - i} |
+ {q.name} |
+ openDetail(q.id)}>
+ {q.subject}
+ |
+ {q.category || '기타'} |
+ {STATUS_LABEL[q.status] || q.status} |
+ {q.createdAt?.slice(0, 10)} |
+
+
+ {q.status === 'PENDING' && (
+
+ )}
+ {q.status !== 'CLOSED' && (
+
+ )}
+
+ |
+
+ ))}
+ {!data.content.length && (
+ |
+ )}
+
+
+
+
+ {data.totalPages > 1 && (
+
+
페이지 {page + 1} / {data.totalPages}
+
+
+ {Array.from({ length: Math.min(data.totalPages, 7) }, (_, i) => (
+
+ ))}
+
+
+
+ )}
+
+
+ {selected && (
+
e.target === e.currentTarget && setSelected(null)}>
+
+
+
문의 상세
+
+
+
+
+ {[['이름', selected.name], ['이메일', selected.email], ['연락처', selected.phone || '-'], ['유형', selected.category || '기타']].map(([l, v]) => (
+
+ ))}
+
+
+
제목
+
{selected.subject}
+
+
+
내용
+
+ {selected.content}
+
+
+
+ 접수일: {selected.createdAt?.slice(0, 16)}
+ {STATUS_LABEL[selected.status]}
+
+
+
+ {selected.status === 'PENDING' && (
+
+ )}
+ {selected.status !== 'CLOSED' && (
+
+ )}
+
+
+
+
+ )}
+
+ );
+}
diff --git a/workspace/zioinfo-web/frontend/src/pages/admin/AdminLayout.jsx b/workspace/zioinfo-web/frontend/src/pages/admin/AdminLayout.jsx
new file mode 100644
index 00000000..a355799a
--- /dev/null
+++ b/workspace/zioinfo-web/frontend/src/pages/admin/AdminLayout.jsx
@@ -0,0 +1,108 @@
+import { useEffect, useState } from 'react';
+import { NavLink, Outlet, useNavigate, useLocation } from 'react-router-dom';
+import './admin.css';
+
+const NAV = [
+ { section: '메인' },
+ { path: '/admin/dashboard', icon: '📊', label: '대시보드' },
+ { section: '콘텐츠 관리' },
+ { path: '/admin/news', icon: '📰', label: '뉴스/공지사항' },
+ { path: '/admin/recruit', icon: '👥', label: '채용공고' },
+ { section: '고객 관리' },
+ { path: '/admin/inquiries', icon: '📩', label: '문의 관리', badgeKey: 'pendingInquiries' },
+ { section: '시스템' },
+ { path: '/admin/settings', icon: '⚙️', label: '설정' },
+];
+
+export default function AdminLayout() {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const [user, setUser] = useState(null);
+ const [pageTitle, setPageTitle] = useState('대시보드');
+ const [badges, setBadges] = useState({});
+
+ useEffect(() => {
+ const token = localStorage.getItem('admin_token');
+ if (!token) { navigate('/admin/login'); return; }
+ const userData = JSON.parse(localStorage.getItem('admin_user') || '{}');
+ setUser(userData);
+ fetchBadges(token);
+ }, [navigate]);
+
+ useEffect(() => {
+ const map = {
+ '/admin/dashboard': '대시보드',
+ '/admin/news': '뉴스/공지사항 관리',
+ '/admin/inquiries': '문의 관리',
+ '/admin/recruit': '채용공고 관리',
+ '/admin/settings': '설정',
+ };
+ setPageTitle(map[location.pathname] || '관리자');
+ }, [location.pathname]);
+
+ const fetchBadges = async (token) => {
+ try {
+ const res = await fetch('/api/admin/dashboard', {
+ headers: { Authorization: `Bearer ${token}` },
+ });
+ if (res.ok) {
+ const d = await res.json();
+ setBadges({ pendingInquiries: d.pendingInquiries || 0 });
+ }
+ } catch {}
+ };
+
+ const logout = () => {
+ localStorage.removeItem('admin_token');
+ localStorage.removeItem('admin_user');
+ navigate('/admin/login');
+ };
+
+ if (!user) return null;
+
+ return (
+
+ );
+}
diff --git a/workspace/zioinfo-web/frontend/src/pages/admin/AdminLogin.jsx b/workspace/zioinfo-web/frontend/src/pages/admin/AdminLogin.jsx
new file mode 100644
index 00000000..aeb99d09
--- /dev/null
+++ b/workspace/zioinfo-web/frontend/src/pages/admin/AdminLogin.jsx
@@ -0,0 +1,66 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import './admin.css';
+
+export default function AdminLogin() {
+ const [form, setForm] = useState({ username: '', password: '' });
+ const [error, setError] = useState('');
+ const [loading, setLoading] = useState(false);
+ const navigate = useNavigate();
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setError(''); setLoading(true);
+ try {
+ const res = await fetch('/api/admin/login', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(form),
+ });
+ const data = await res.json();
+ if (!res.ok) { setError(data.message || '로그인 실패'); return; }
+ localStorage.setItem('admin_token', data.token);
+ localStorage.setItem('admin_user', JSON.stringify({ username: data.username, displayName: data.displayName }));
+ navigate('/admin/dashboard');
+ } catch {
+ setError('서버 연결 오류가 발생했습니다.');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
ADMIN
+
(주)지오정보기술
+
홈페이지 관리자 시스템
+
+ {error &&
⚠ {error}
}
+
+
+ 홈페이지로 돌아가기: 메인 페이지
+
+
+
+ );
+}
diff --git a/workspace/zioinfo-web/frontend/src/pages/admin/AdminNews.jsx b/workspace/zioinfo-web/frontend/src/pages/admin/AdminNews.jsx
new file mode 100644
index 00000000..c924a766
--- /dev/null
+++ b/workspace/zioinfo-web/frontend/src/pages/admin/AdminNews.jsx
@@ -0,0 +1,175 @@
+import { useEffect, useState, useCallback } from 'react';
+
+const token = () => localStorage.getItem('admin_token');
+const authFetch = (url, opts = {}) =>
+ fetch(url, { ...opts, headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token()}`, ...opts.headers } });
+
+const EMPTY = { title: '', category: '공지사항', summary: '', content: '', thumbnailUrl: '', visible: true };
+const CATS = ['공지사항', '보도자료', '이벤트'];
+
+export default function AdminNews() {
+ const [page, setPage] = useState(0);
+ const [data, setData] = useState({ content: [], totalPages: 0, totalElements: 0 });
+ const [modal, setModal] = useState(null); // null | 'create' | 'edit'
+ const [form, setForm] = useState(EMPTY);
+ const [editId, setEditId] = useState(null);
+ const [saving, setSaving] = useState(false);
+ const [toast, setToast] = useState(null);
+
+ const showToast = (msg, type = 'success') => {
+ setToast({ msg, type });
+ setTimeout(() => setToast(null), 2500);
+ };
+
+ const load = useCallback(() => {
+ authFetch(`/api/admin/news?page=${page}&size=10`)
+ .then(r => r.json()).then(setData);
+ }, [page]);
+
+ useEffect(() => { load(); }, [load]);
+
+ const openCreate = () => { setForm(EMPTY); setEditId(null); setModal('form'); };
+ const openEdit = (n) => { setForm({ ...n }); setEditId(n.id); setModal('form'); };
+
+ const handleSave = async () => {
+ setSaving(true);
+ const url = editId ? `/api/admin/news/${editId}` : '/api/admin/news';
+ const method = editId ? 'PUT' : 'POST';
+ const res = await authFetch(url, { method, body: JSON.stringify(form) });
+ setSaving(false);
+ if (res.ok) { setModal(null); load(); showToast(editId ? '수정되었습니다.' : '등록되었습니다.'); }
+ else showToast('저장 실패', 'error');
+ };
+
+ const handleDelete = async (id) => {
+ if (!confirm('삭제하시겠습니까?')) return;
+ const res = await authFetch(`/api/admin/news/${id}`, { method: 'DELETE' });
+ if (res.ok) { load(); showToast('삭제되었습니다.'); }
+ };
+
+ const toggleVisible = async (id) => {
+ await authFetch(`/api/admin/news/${id}/visibility`, { method: 'PATCH' });
+ load();
+ };
+
+ const set = (k, v) => setForm(p => ({ ...p, [k]: v }));
+
+ return (
+ <>
+ {toast && (
+
+ )}
+
+
+
+
전체 {data.totalElements}건
+
+
+
+
+
+
+
+
+
+ | No | 제목 | 카테고리 | 공개 | 조회수 | 등록일 | 관리 |
+
+
+
+ {data.content.map((n, i) => (
+
+ | {data.totalElements - page * 10 - i} |
+ {n.title} |
+ {n.category} |
+
+
+ |
+ {n.viewCount} |
+ {n.createdAt?.slice(0, 10)} |
+
+
+
+
+
+ |
+
+ ))}
+ {!data.content.length && (
+ |
+ )}
+
+
+
+
+ {data.totalPages > 1 && (
+
+
페이지 {page + 1} / {data.totalPages}
+
+
+ {Array.from({ length: data.totalPages }, (_, i) => (
+
+ ))}
+
+
+
+ )}
+
+
+ {modal === 'form' && (
+
e.target === e.currentTarget && setModal(null)}>
+
+
+
{editId ? '뉴스 수정' : '뉴스 등록'}
+
+
+
+
+
+ set('title', e.target.value)} placeholder="뉴스 제목을 입력하세요" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ set('summary', e.target.value)} placeholder="목록에 표시될 요약 문구" />
+
+
+
+ set('thumbnailUrl', e.target.value)} placeholder="https://..." />
+
+
+
+