feat: 로그인 모달 '로그인 상태 유지' 체크박스 (자동 로그인)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/LoginModal.vue

@@ -13,17 +13,18 @@ function goSignup() {
   ui.openSignup()
 }
 
-const form = reactive({ loginId: '', password: '' })
+const form = reactive({ loginId: '', password: '', rememberMe: true })
 const loading = ref(false)
 const error = ref(null)
 
-// 팝업이 열릴 때마다 입력값 초기화
+// 팝업이 열릴 때마다 입력값 초기화 (로그인 상태 유지는 기본 켜둠)
 watch(
   () => ui.loginOpen,
   (open) => {
     if (open) {
       form.loginId = ''
       form.password = ''
+      form.rememberMe = true
       error.value = null
     }
   },
@@ -37,7 +38,7 @@ async function handleLogin() {
   }
   loading.value = true
   try {
-    await auth.login(form.loginId, form.password)
+    await auth.login(form.loginId, form.password, form.rememberMe)
     const redirect = ui.redirectPath
     ui.closeLogin()
     if (redirect) router.push(redirect)
@@ -71,6 +72,10 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown))
           <form 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">
+              <input v-model="form.rememberMe" type="checkbox" :disabled="loading" />
+              로그인 상태 유지
+            </label>
             <button class="submit" type="submit" :disabled="loading">{{ loading ? '로그인 중...' : '로그인' }}</button>
           </form>
 
@@ -141,6 +146,18 @@ h2 {
   background: var(--color-background-soft);
   color: var(--color-text);
 }
+.remember {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  font-size: 0.88rem;
+  cursor: pointer;
+}
+.remember input {
+  width: auto;
+  padding: 0;
+  cursor: pointer;
+}
 .submit,
 .naver {
   padding: 0.6rem 1rem;