@@ -212,6 +290,7 @@ import { ref, onMounted, onUnmounted, computed, watch } from 'vue';
import axios from 'axios';
import TuiProgressBar from '@/components/TuiProgressBar.vue';
import TuiAlert from '@/components/TuiAlert.vue';
+import TuiPostDetail from '@/components/TuiPostDetail.vue';
const videos = ref([]);
const terminalRef = ref(null);
@@ -258,6 +337,9 @@ const BOOT_SEQUENCE = [
'[SUCCESS] BOOT SEQUENCE COMPLETE.'
];
+const BOOT_LOG_STORAGE_KEY = 'lastBootLogTimestamp';
+const BOOT_LOG_INTERVAL_MS = 60 * 60 * 1000;
+
const runBootSequence = () => {
let i = 0;
const pushLine = () => {
@@ -274,6 +356,15 @@ const runBootSequence = () => {
pushLine();
};
+const shouldShowBootLog = () => {
+ const lastShown = Number(localStorage.getItem(BOOT_LOG_STORAGE_KEY));
+ return !lastShown || Date.now() - lastShown >= BOOT_LOG_INTERVAL_MS;
+};
+
+const markBootLogShown = () => {
+ localStorage.setItem(BOOT_LOG_STORAGE_KEY, String(Date.now()));
+};
+
const systemAlert = ref({ show: false, message: '' });
const showSystemAlert = (message) => {
systemAlert.value = { show: true, message };
@@ -353,9 +444,121 @@ const fetchWeatherData = async () => {
}
};
+const BOARD_PAGE_SIZE = 20;
+
+const board = ref({ loading: false, error: null, loaded: false, posts: [], page: 0, hasMore: false });
+const boardSources = ref([]);
+const activeBoardKey = ref('');
+const postDetail = ref({ show: false, post: null });
+
+const boardAuthHeaders = () => ({ Authorization: `Bearer ${authToken.value}` });
+
+const mapScrapedPost = (row) => ({
+ id: row.id,
+ source: row.boardKey,
+ sourceLabel: `${row.siteName} · ${row.boardName}`,
+ title: row.title || '(제목 없음)',
+ url: row.link || null,
+ author: row.author || '',
+ createdAt: row.postedAt || '',
+ views: row.viewCount ?? null,
+ likes: row.likeCount ?? null,
+ content: row.content || '',
+ images: Array.isArray(row.imageUrls) ? row.imageUrls : []
+});
+
+const fetchBoardMeta = async () => {
+ try {
+ const apiBaseUrl = import.meta.env.VITE_API_URL || '';
+ const res = await axios.get(`${apiBaseUrl}/api/scraped-posts/boards`, {
+ withCredentials: true,
+ headers: boardAuthHeaders()
+ });
+ boardSources.value = res.data || [];
+ } catch (err) {
+ console.error("게시판 목록 로드 실패:", err);
+ }
+};
+
+const fetchBoardPosts = async (reset) => {
+ if (reset) {
+ board.value.page = 0;
+ board.value.posts = [];
+ }
+ board.value.loading = true;
+ board.value.error = null;
+ try {
+ const apiBaseUrl = import.meta.env.VITE_API_URL || '';
+ const res = await axios.get(`${apiBaseUrl}/api/scraped-posts`, {
+ params: {
+ board: activeBoardKey.value || undefined,
+ page: board.value.page,
+ size: BOARD_PAGE_SIZE
+ },
+ withCredentials: true,
+ headers: boardAuthHeaders()
+ });
+ const rows = (res.data && res.data.content) || [];
+ const mapped = rows.map(mapScrapedPost);
+ board.value.posts = reset ? mapped : board.value.posts.concat(mapped);
+ board.value.hasMore = res.data.last === false;
+ board.value.loaded = true;
+ } catch (err) {
+ console.error("게시판 데이터 로드 실패:", err);
+ board.value.error = err?.response?.status === 401 || err?.response?.status === 403 ? 'auth' : 'network';
+ } finally {
+ board.value.loading = false;
+ }
+};
+
+const selectBoardSource = (boardKey) => {
+ if (activeBoardKey.value === boardKey) return;
+ activeBoardKey.value = boardKey;
+ fetchBoardPosts(true);
+};
+
+const loadMoreBoardPosts = () => {
+ board.value.page += 1;
+ fetchBoardPosts(false);
+};
+
+const openPostDetail = async (post) => {
+ postDetail.value = { show: true, post };
+
+ try {
+ const apiBaseUrl = import.meta.env.VITE_API_URL || '';
+ await axios.post(`${apiBaseUrl}/api/scraped-posts/${post.id}/view`, null, {
+ withCredentials: true,
+ headers: boardAuthHeaders()
+ });
+ board.value.posts = board.value.posts.filter((p) => p.id !== post.id);
+ } catch (err) {
+ console.error("게시물 조회 처리 실패:", err);
+ }
+};
+
+const closePostDetail = () => {
+ postDetail.value.show = false;
+};
+
+watch(activeMenu, (id) => {
+ if (id !== 'board') return;
+
+ if (!authToken.value) {
+ board.value.error = 'auth';
+ return;
+ }
+
+ if (!board.value.loaded && !board.value.loading) {
+ fetchBoardMeta();
+ fetchBoardPosts(true);
+ }
+});
+
const menuItems = [
{ id: 'main', name: 'HOME' },
{ id: 'youtube', name: 'YOUTUBE' },
+ { id: 'board', name: 'BOARD' },
// { id: 'project', name: 'PROJECT' },
{ id: 'about', name: 'ABOUT' },
{ id: 'contact', name: 'CONTACT' }
@@ -574,7 +777,12 @@ const handleLoginSubmit = async () => {
};
onMounted(() => {
- runBootSequence();
+ if (shouldShowBootLog()) {
+ runBootSequence();
+ markBootLogShown();
+ } else {
+ isBooting.value = false;
+ }
fetchVideos();
fetchAnalyticsData();