feat: 웹 안내페이지(앱전용)·회원가입 제한/봇차단·카드 인식 보정

- 웹(브라우저)은 안내 페이지만, 실제 이용은 앱(Capacitor). 개발모드는 예외
- 회원가입: 약관동의, 관리자 제한 토글, 진입부터 차단, 허니팟
- 카드 알림: pending 건 계좌종류 '카드' 기본선택(현금 X), 확인실패 시 HTTP 상태 표시
- 네이티브 알림필터: '카드' 키워드 제거+광고성 표현 차단
- docs/release-2026-06-06.md 정리

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-06-06 00:16:50 +09:00
parent 4e6a89fd7a
commit c5e4c2dad7
12 changed files with 386 additions and 27 deletions
+2 -2
View File
@@ -278,9 +278,9 @@ onMounted(load)
<p class="tagline">슬림하게 관리하는 가계부 · 자산 · 예산</p>
<div class="cta">
<button type="button" class="btn primary" @click="ui.openLogin('/account')">로그인</button>
<button type="button" class="btn" @click="ui.openSignup()">회원가입</button>
<button v-if="ui.signupEnabled" type="button" class="btn" @click="ui.openSignup()">회원가입</button>
</div>
<p class="cta-note">로그인하면 나의 가계부 요약을 있어요.</p>
<p class="cta-note">{{ ui.signupEnabled ? '로그인하면 나의 가계부 요약을 볼 수 있어요.' : '현재 회원가입이 제한되어 있습니다.' }}</p>
</div>
<ul class="features">
+102 -1
View File
@@ -41,6 +41,31 @@ async function load() {
}
}
// 회원가입 허용 설정
const signupEnabled = ref(true)
const signupSaving = ref(false)
async function loadSignupSetting() {
try {
const res = await adminApi.getSignupSetting()
signupEnabled.value = !!res.enabled
} catch {
/* 무시 — 기본 허용 표시 */
}
}
async function toggleSignup() {
if (signupSaving.value) return
const next = !signupEnabled.value
signupSaving.value = true
try {
const res = await adminApi.setSignupSetting(next)
signupEnabled.value = !!res.enabled
} catch (e) {
alert(e.response?.data?.message || '설정 변경에 실패했습니다.')
} finally {
signupSaving.value = false
}
}
async function changeRole(m, role) {
if (role === m.role) return
try {
@@ -73,7 +98,10 @@ async function remove(m) {
}
}
onMounted(load)
onMounted(() => {
load()
loadSignupSetting()
})
</script>
<template>
@@ -87,6 +115,19 @@ onMounted(load)
</header>
<p class="hint">가입한 회원의 역할·상태를 관리합니다. (관리자 전용)</p>
<!-- 회원가입 허용 토글 -->
<div class="signup-toggle" :class="{ off: !signupEnabled }">
<div class="st-text">
<strong>회원가입 {{ signupEnabled ? '허용' : '제한' }}</strong>
<span class="st-desc">{{ signupEnabled ? '누구나 회원가입할 수 있습니다.' : '신규 회원가입이 차단됩니다.' }}</span>
</div>
<button
type="button" class="switch" :class="{ on: signupEnabled }"
:disabled="signupSaving" role="switch" :aria-checked="signupEnabled"
@click="toggleSignup"
><span class="knob"></span></button>
</div>
<p v-if="error" class="msg error">{{ error }}</p>
<p v-if="loading" class="msg">불러오는 중...</p>
@@ -171,6 +212,66 @@ h1 {
opacity: 0.7;
margin: 0.5rem 0 1rem;
}
.signup-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.8rem 1rem;
margin-bottom: 1rem;
border: 1px solid var(--color-border);
border-radius: 10px;
background: var(--color-background-soft);
}
.signup-toggle.off {
border-color: #c0392b;
background: rgba(192, 57, 43, 0.06);
}
.st-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.st-text strong {
font-size: 0.95rem;
}
.st-desc {
font-size: 0.8rem;
opacity: 0.7;
}
.switch {
flex-shrink: 0;
width: 48px;
height: 28px;
border: 0;
border-radius: 999px;
background: #b0b0b0;
position: relative;
cursor: pointer;
transition: background 0.18s;
padding: 0;
}
.switch.on {
background: hsla(160, 100%, 37%, 1);
}
.switch:disabled {
opacity: 0.6;
cursor: default;
}
.switch .knob {
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
transition: transform 0.18s;
}
.switch.on .knob {
transform: translateX(20px);
}
.member-table {
width: 100%;
border-collapse: collapse;
+7 -2
View File
@@ -39,10 +39,12 @@ async function loadPendingCount() {
async function confirmRow(e) {
try {
await accountApi.confirmEntry(e.id, {})
e.pending = false // UI 즉시 반영(목록 재로딩 전)
await load()
await loadPendingCount()
} catch (err) {
alert(err.response?.data?.message || '확인 처리에 실패했습니다.')
const st = err.response?.status
alert(err.response?.data?.message || `확인 처리에 실패했습니다.${st ? ' (HTTP ' + st + ')' : ' (네트워크 오류)'}`)
}
}
@@ -378,7 +380,10 @@ function openEdit(e) {
category: e.category || '',
amount: e.amount,
memo: e.memo || '',
walletKind: e.walletId ? walletKindOf(e.walletId) : (e.type === 'TRANSFER' ? '' : 'CASH'),
// 알림 자동인식(pending) 건은 카드 결제이므로 매칭 실패해도 '카드'로 기본 선택(현금 X)
walletKind: e.walletId
? walletKindOf(e.walletId)
: (e.pending ? 'CARD' : (e.type === 'TRANSFER' ? '' : 'CASH')),
walletId: e.walletId || '',
toWalletKind: walletKindOf(e.toWalletId),
toWalletId: e.toWalletId || '',