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
+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;