feat: 가계부·게시판 프론트엔드 구현 + Slim Budget 브랜딩/모바일 대응

- 가계부: 대시보드(예산 대비 지출·분류별 파이·기간별 막대·순자산 추이),
  내역(검색·필터·태그), 계좌(은행/카드/대출/투자), 예산, 분류, 정기 거래,
  태그, 투자 포트폴리오(종목·매수/매도·평가손익)
- 게시판: 목록/상세/작성(마크다운)/댓글/태그/열람제한
- 공통: 인증(Bearer 토큰·401 처리), 모바일 반응형(드로어·아이콘 버튼),
  Slim Budget 브랜딩(로고/타이틀/푸터), 홈 대시보드 자리
- 문서: docs/FRONTEND.md

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-05-31 15:42:52 +09:00
parent 2485ea05bf
commit 13308a82ef
39 changed files with 7385 additions and 111 deletions
+26 -4
View File
@@ -1,9 +1,31 @@
<script setup>
import TheWelcome from '../components/TheWelcome.vue'
// 홈 = 대시보드 (현재는 빈 공간 — 추후 콘텐츠 추가 예정)
</script>
<template>
<main>
<TheWelcome />
</main>
<section class="dashboard">
<div class="placeholder"></div>
</section>
</template>
<style scoped>
.dashboard {
max-width: 960px;
margin: 0 auto;
}
h1 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 40vh;
border: 1px dashed var(--color-border);
border-radius: 8px;
color: var(--color-text);
opacity: 0.5;
font-size: 0.95rem;
}
</style>