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
+29 -13
View File
@@ -7,6 +7,8 @@ import AppFooter from '@/components/layout/AppFooter.vue'
import LoginModal from '@/components/LoginModal.vue'
import SignupModal from '@/components/SignupModal.vue'
import ChangePasswordModal from '@/components/ChangePasswordModal.vue'
import WebOnlyNotice from '@/components/WebOnlyNotice.vue'
import { Capacitor } from '@capacitor/core'
import { useAuthStore } from '@/stores/auth'
import { useUiStore } from '@/stores/ui'
@@ -14,12 +16,20 @@ const auth = useAuthStore()
const ui = useUiStore()
const route = useRoute()
// 앱(Capacitor 네이티브)에서만 전체 이용. 웹(브라우저)은 안내 페이지만 노출.
// 단, 개발 모드(npm run dev)에서는 브라우저로도 전체 앱을 테스트할 수 있게 예외.
const isApp = Capacitor.isNativePlatform() || import.meta.env.DEV
// http.js 의 401 처리에서 발생시키는 이벤트 → 세션 정리 후 로그인 팝업
function onUnauthorized() {
auth.clear()
ui.openLogin()
}
onMounted(() => window.addEventListener('auth:unauthorized', onUnauthorized))
onMounted(() => {
if (!isApp) return // 웹은 안내만 — 앱 전용 초기화 생략
window.addEventListener('auth:unauthorized', onUnauthorized)
ui.loadSignupEnabled() // 회원가입 허용 여부 선로딩(랜딩/로그인 가입 버튼에 반영)
})
onUnmounted(() => window.removeEventListener('auth:unauthorized', onUnauthorized))
// 페이지 이동 시 모바일 사이드바 자동 닫힘
@@ -27,19 +37,25 @@ watch(() => route.fullPath, () => ui.closeSidebar())
</script>
<template>
<div class="layout" :class="{ 'sidebar-open': ui.sidebarOpen }">
<AppHeader class="layout-top" />
<AppSidebar class="layout-left" />
<div class="sidebar-backdrop" @click="ui.closeSidebar()"></div>
<main class="layout-body">
<RouterView />
</main>
<AppFooter class="layout-bottom" />
</div>
<!-- (브라우저): 안내 페이지만 -->
<WebOnlyNotice v-if="!isApp" />
<LoginModal />
<SignupModal />
<ChangePasswordModal />
<!-- (Capacitor): 전체 기능 -->
<template v-else>
<div class="layout" :class="{ 'sidebar-open': ui.sidebarOpen }">
<AppHeader class="layout-top" />
<AppSidebar class="layout-left" />
<div class="sidebar-backdrop" @click="ui.closeSidebar()"></div>
<main class="layout-body">
<RouterView />
</main>
<AppFooter class="layout-bottom" />
</div>
<LoginModal />
<SignupModal />
<ChangePasswordModal />
</template>
</template>
<style scoped>