feat: 홈 일별 캘린더·시세 갱신·게시판 카테고리·약관동의·계좌 마스킹

- 홈: 6월 예산 아래 일별 수입/지출 캘린더(마우스오버/탭 시 내역 목록)
- 투자: 시세 자동조회 버튼/진입 시 갱신, 보유종목 2줄 표기, 평가액 직접입력
- 게시판: 커뮤니티/짠테크 수다방/재테크 팁 분리, 사이드바 영역 구분선
- 회원가입: 이용약관·개인정보 수집 동의(필수 체크)
- 보안: 계좌번호 화면 마스킹(끝 4자리+눈 토글)
- 정기→고정지출, 내역/정기 라디오·sticky 저장, 태그 드래그 정렬
- fix: 모바일웹 새로고침 시 로그인 팝업(restore localStorage 우선)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-06-04 05:01:33 +09:00
parent 67aa635dd8
commit 4e6a89fd7a
17 changed files with 1022 additions and 136 deletions
+25 -11
View File
@@ -2,6 +2,7 @@
import { RouterLink } from 'vue-router'
import { useAuthStore } from '@/stores/auth'
import { useUiStore } from '@/stores/ui'
import { BOARDS } from '@/constants/boards'
const auth = useAuthStore()
const ui = useUiStore()
@@ -15,18 +16,34 @@ const ui = useUiStore()
</div>
<nav class="menu">
<RouterLink to="/" class="menu-item"></RouterLink>
<!-- 가계부 영역 -->
<template v-if="auth.isAuthenticated">
<hr class="menu-divider" />
<RouterLink to="/account/entries" class="menu-item">가계부 내역</RouterLink>
<RouterLink to="/account/stats" class="menu-item">통계</RouterLink>
<RouterLink to="/account/recurrings" class="menu-item"> 거래</RouterLink>
<RouterLink to="/account/recurrings" class="menu-item"> 지출</RouterLink>
<RouterLink to="/account/wallets" class="menu-item">계좌 관리</RouterLink>
<RouterLink to="/account/categories" class="menu-item">분류 관리</RouterLink>
<RouterLink to="/account/budget" class="menu-item">예산 설정</RouterLink>
<RouterLink to="/account/tags" class="menu-item">태그 관리</RouterLink>
<RouterLink to="/board" class="menu-item">자유게시판</RouterLink>
<!-- 게시판 영역 -->
<hr class="menu-divider" />
<RouterLink
v-for="b in BOARDS"
:key="b.key"
:to="`/board/${b.key}`"
class="menu-item"
>{{ b.label }}</RouterLink>
</template>
<!-- 관리자 영역 -->
<template v-if="auth.user?.role === 'ADMIN'">
<hr class="menu-divider" />
<RouterLink to="/users" class="menu-item">회원 관리</RouterLink>
<RouterLink to="/admin/tags" class="menu-item">태그 관리(관리자)</RouterLink>
</template>
<RouterLink v-if="auth.user?.role === 'ADMIN'" to="/users" class="menu-item">회원 관리</RouterLink>
<RouterLink v-if="auth.user?.role === 'ADMIN'" to="/admin/tags" class="menu-item">태그 관리(관리자)</RouterLink>
</nav>
</aside>
</template>
@@ -74,10 +91,10 @@ const ui = useUiStore()
color: var(--color-text);
font-size: 0.95rem;
}
.menu-item.sub {
padding: 0.5rem 1.5rem 0.5rem 2.6rem;
font-size: 0.88rem;
opacity: 0.9;
.menu-divider {
border: 0;
border-top: 1px solid var(--color-border);
margin: 0.5rem 1.5rem;
}
.menu-item:hover {
background: var(--color-background-mute);
@@ -89,7 +106,4 @@ const ui = useUiStore()
padding-left: calc(1.5rem - 3px);
background: transparent;
}
.menu-item.sub.router-link-exact-active {
padding-left: calc(2.6rem - 3px);
}
</style>