From 8254460751a075264c8bd3ddf54d636ff41ddf13 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sat, 27 Jun 2026 19:41:04 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B5=AC=EA=B8=80=20=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=9D=B8=20=EC=A0=84=EC=9A=A9=20=E2=80=94=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=EB=94=94=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8F=BC=C2=B7?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20UI=20=EC=88=A8=EA=B9=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- src/config/features.js ID_LOGIN_ENABLED 플래그(기본 false)로 게이트
- LoginModal: 아이디/비번 폼·'또는' 구분선·회원가입 링크 숨김(구글 버튼만)
- HomeView: 랜딩 회원가입 버튼 숨김, 안내문구 정리
- 백엔드 /api/auth/login·signup 은 비상용으로 유지(플래그 true 로 복구 가능)
- LoginModal.spec: 아이디 로그인 플로우는 플래그 mock 으로 계속 검증

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/LoginModal.spec.js | 4 ++++
 src/components/LoginModal.vue     | 7 ++++---
 src/config/features.js            | 5 +++++
 src/views/HomeView.vue            | 5 +++--
 4 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 src/config/features.js

diff --git a/src/components/LoginModal.spec.js b/src/components/LoginModal.spec.js
index 9f08ee1..fc966f8 100644
--- a/src/components/LoginModal.spec.js
+++ b/src/components/LoginModal.spec.js
@@ -6,10 +6,14 @@ import { setActivePinia, createPinia } from 'pinia'
 const { pushMock } = vi.hoisted(() => ({ pushMock: vi.fn() }))
 vi.mock('vue-router', () => ({ useRouter: () => ({ push: pushMock }) }))
 
+// 아이디 로그인 플로우 검증용 — 운영에선 숨김(ID_LOGIN_ENABLED=false)이지만 로직은 유지되므로 켜서 테스트
+vi.mock('@/config/features', () => ({ ID_LOGIN_ENABLED: true }))
+
 vi.mock('@/api/authApi', () => ({
   authApi: {
     login: vi.fn(),
     signupEnabled: vi.fn(() => Promise.resolve({ enabled: true })),
+    googleClientId: vi.fn(() => Promise.resolve({ clientId: '' })),
   },
 }))
 
diff --git a/src/components/LoginModal.vue b/src/components/LoginModal.vue
index a96d408..c1f6a3f 100644
--- a/src/components/LoginModal.vue
+++ b/src/components/LoginModal.vue
@@ -5,6 +5,7 @@ import { useAuthStore } from '@/stores/auth'
 import { useUiStore } from '@/stores/ui'
 import { authApi } from '@/api/authApi'
 import { isNativeGoogle, nativeGoogleIdToken } from '@/native/googleAuth'
+import { ID_LOGIN_ENABLED } from '@/config/features'
 
 const auth = useAuthStore()
 const ui = useUiStore()
@@ -173,7 +174,7 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown))
           <button class="close" type="button" aria-label="닫기" @click="ui.closeLogin()">×</button>
           <h2>로그인</h2>
 
-          <form class="form" @submit.prevent="handleLogin">
+          <form v-if="ID_LOGIN_ENABLED" class="form" @submit.prevent="handleLogin">
             <input v-model="form.loginId" type="text" placeholder="아이디" autocomplete="username" :disabled="loading" />
             <input v-model="form.password" type="password" placeholder="비밀번호" autocomplete="current-password" :disabled="loading" />
             <label class="remember">
@@ -187,7 +188,7 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown))
 
           <!-- 구글 로그인 — 서버에 클라이언트 ID 가 설정된 경우에만 노출 -->
           <div v-show="googleClientId" class="google-wrap">
-            <div class="divider"><span>또는</span></div>
+            <div v-if="ID_LOGIN_ENABLED" class="divider"><span>또는</span></div>
             <!-- 앱(안드로이드): 네이티브 버튼 / 웹·PC: GIS 렌더 버튼 -->
             <button
               v-if="isNative"
@@ -211,7 +212,7 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown))
             네이버로 로그인 (준비 중)
           </button>
 
-          <p class="links">
+          <p v-if="ID_LOGIN_ENABLED" class="links">
             <template v-if="ui.signupEnabled">
               계정이 없으신가요?
               <a href="#" @click.prevent="goSignup">회원가입</a>
diff --git a/src/config/features.js b/src/config/features.js
new file mode 100644
index 0000000..9f1b049
--- /dev/null
+++ b/src/config/features.js
@@ -0,0 +1,5 @@
+// 로그인 방식 기능 플래그.
+// 구글 로그인만 운영하므로 아이디 로그인 폼 / 회원가입 UI 를 숨긴다.
+// 백엔드(/api/auth/login, /api/auth/signup)는 비상용으로 그대로 유지 —
+// 되돌리려면 이 값을 true 로 바꾸면 아이디 로그인/회원가입이 다시 노출된다.
+export const ID_LOGIN_ENABLED = false
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index fe762fd..7fbab30 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -4,6 +4,7 @@ import { RouterLink } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import { useUiStore } from '@/stores/ui'
 import { accountApi } from '@/api/accountApi'
+import { ID_LOGIN_ENABLED } from '@/config/features'
 
 const auth = useAuthStore()
 const ui = useUiStore()
@@ -296,9 +297,9 @@ onMounted(load)
           <p class="tagline">슬림하게 관리하는 가계부 · 자산 · 예산</p>
           <div class="cta">
             <button type="button" class="btn primary" @click="ui.openLogin('/account')">로그인</button>
-            <button v-if="ui.signupEnabled" type="button" class="btn" @click="ui.openSignup()">회원가입</button>
+            <button v-if="ID_LOGIN_ENABLED && ui.signupEnabled" type="button" class="btn" @click="ui.openSignup()">회원가입</button>
           </div>
-          <p class="cta-note">{{ ui.signupEnabled ? '로그인하면 나의 가계부 요약을 볼 수 있어요.' : '현재 회원가입이 제한되어 있습니다.' }}</p>
+          <p class="cta-note">{{ !ID_LOGIN_ENABLED || ui.signupEnabled ? '로그인하면 나의 가계부 요약을 볼 수 있어요.' : '현재 회원가입이 제한되어 있습니다.' }}</p>
         </div>
 
         <ul class="features">