From 4080acc612998dab8e7f4c54b4c764615142c725 Mon Sep 17 00:00:00 2001
From: sgo722 <sgo722@naver.com>
Date: Sun, 1 Feb 2026 20:23:27 +0900
Subject: [PATCH 1/4] =?UTF-8?q?[fix]=20AdminController=20=ED=9A=8C?=
 =?UTF-8?q?=EC=9B=90=20=EC=83=81=ED=83=9C=20=EC=B9=B4=EC=9A=B4=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=A7=88=EB=AC=B8=20=EA=B7=B8=EB=A3=B9=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- statusCounts에 PERSONALITY_COMPLETED, WITHDRAWN 상태 추가
  - 회원 관리 페이지 SpelEvaluationException 오류 해결
- questionGroup 파라미터를 optional로 변경
  - 회원가입 전용 카테고리는 자동으로 RANDOM 그룹 지정

Closes #393

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../admin/presentation/AdminController.kt     | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/main/kotlin/codel/admin/presentation/AdminController.kt b/src/main/kotlin/codel/admin/presentation/AdminController.kt
index b37298f..4e4a0eb 100644
--- a/src/main/kotlin/codel/admin/presentation/AdminController.kt
+++ b/src/main/kotlin/codel/admin/presentation/AdminController.kt
@@ -321,7 +321,9 @@ class AdminController(
             "PENDING" to adminService.countMembersByStatus("PENDING"),
             "DONE" to adminService.countMembersByStatus("DONE"),
             "REJECT" to adminService.countMembersByStatus("REJECT"),
-            "PHONE_VERIFIED" to adminService.countMembersByStatus("PHONE_VERIFIED")
+            "PHONE_VERIFIED" to adminService.countMembersByStatus("PHONE_VERIFIED"),
+            "PERSONALITY_COMPLETED" to adminService.countMembersByStatus("PERSONALITY_COMPLETED"),
+            "WITHDRAWN" to adminService.countMembersByStatus("WITHDRAWN")
         )
 
         model.addAttribute("members", members)
@@ -390,14 +392,19 @@ class AdminController(
     fun createQuestion(
         @RequestParam content: String,
         @RequestParam category: String,
-        @RequestParam questionGroup: String,
+        @RequestParam(required = false) questionGroup: String?,
         @RequestParam(required = false) description: String?,
         @RequestParam(defaultValue = "true") isActive: Boolean,
         redirectAttributes: RedirectAttributes
     ): String {
         try {
             val questionCategory = QuestionCategory.valueOf(category)
-            val group = QuestionGroup.valueOf(questionGroup)
+            // 회원가입 전용 카테고리(채팅 미사용)는 자동으로 RANDOM 그룹 지정
+            val group = if (questionCategory.usedInSignup && !questionCategory.usedInChat) {
+                QuestionGroup.RANDOM
+            } else {
+                QuestionGroup.valueOf(questionGroup ?: "RANDOM")
+            }
             adminService.createQuestionV2(content, questionCategory, group, description, isActive)
             redirectAttributes.addFlashAttribute("success", "질문이 성공적으로 등록되었습니다.")
         } catch (e: Exception) {
@@ -423,14 +430,19 @@ class AdminController(
         @PathVariable questionId: Long,
         @RequestParam content: String,
         @RequestParam category: String,
-        @RequestParam questionGroup: String,
+        @RequestParam(required = false) questionGroup: String?,
         @RequestParam(required = false) description: String?,
         @RequestParam(defaultValue = "false") isActive: Boolean,
         redirectAttributes: RedirectAttributes
     ): String {
         try {
             val questionCategory = QuestionCategory.valueOf(category)
-            val group = QuestionGroup.valueOf(questionGroup)
+            // 회원가입 전용 카테고리(채팅 미사용)는 자동으로 RANDOM 그룹 지정
+            val group = if (questionCategory.usedInSignup && !questionCategory.usedInChat) {
+                QuestionGroup.RANDOM
+            } else {
+                QuestionGroup.valueOf(questionGroup ?: "RANDOM")
+            }
             adminService.updateQuestionV2(questionId, content, questionCategory, group, description, isActive)
             redirectAttributes.addFlashAttribute("success", "질문이 성공적으로 수정되었습니다.")
         } catch (e: Exception) {

From 94866a272cf1c775ef84773ea81f14e883f0cd42 Mon Sep 17 00:00:00 2001
From: sgo722 <sgo722@naver.com>
Date: Sun, 1 Feb 2026 20:23:33 +0900
Subject: [PATCH 2/4] =?UTF-8?q?[feat]=20=EC=A7=88=EB=AC=B8=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80=20UI=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 용도 선택 필드 추가 (채팅방/회원가입)
- 용도에 따른 카테고리 옵션 동적 변경
- 회원가입 용도 선택 시 그룹 자동 RANDOM 설정
- 그룹 설정 가이드 info-box 추가
- 카테고리 표시를 displayName만 표시하도록 변경

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../resources/templates/questionForm.html     | 136 ++++++++++++++++--
 1 file changed, 128 insertions(+), 8 deletions(-)

diff --git a/src/main/resources/templates/questionForm.html b/src/main/resources/templates/questionForm.html
index 43ef946..6eed7c3 100644
--- a/src/main/resources/templates/questionForm.html
+++ b/src/main/resources/templates/questionForm.html
@@ -29,6 +29,28 @@
             border-radius: 1rem;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
         }
+
+        .info-box {
+            background: #E3F2FD;
+            border-left: 3px solid #4A90E2;
+            padding: 1rem;
+            border-radius: 4px;
+            margin-bottom: 1.5rem;
+        }
+
+        .info-box-title {
+            font-size: 0.9rem;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+            color: #4A90E2;
+        }
+
+        .info-box ul {
+            margin-left: 1.5rem;
+            font-size: 0.85rem;
+            color: #7F8C8D;
+            margin-bottom: 0;
+        }
     </style>
 </head>
 <body>
@@ -48,25 +70,40 @@ <h1 class="fw-bold">새 질문 등록</h1>
 
             <div class="card form-card">
                 <div class="card-body">
+                    <div class="info-box">
+                        <div class="info-box-title">📌 그룹 설정 가이드</div>
+                        <ul>
+                            <li><strong>A그룹:</strong> 가벼운/진입용 질문 (먼저 노출, 대화 시작에 적합)</li>
+                            <li><strong>B그룹:</strong> 깊이있는/무게감 질문 (A그룹 소진 후 노출)</li>
+                            <li><strong>랜덤:</strong> 텐션업 코드 등 그룹 구분 없는 질문</li>
+                        </ul>
+                    </div>
+
                     <form action="/v1/admin/questions" method="post">
                         <div class="mb-4">
                             <label for="content" class="form-label fw-bold">질문 내용 <span class="text-danger">*</span></label>
-                            <textarea class="form-control" id="content" name="content" rows="3" 
+                            <textarea class="form-control" id="content" name="content" rows="3"
                                       placeholder="질문 내용을 입력하세요" required maxlength="500"></textarea>
                             <div class="form-text">최대 500자까지 입력 가능합니다.</div>
                         </div>
 
+                        <div class="mb-4">
+                            <label for="purpose" class="form-label fw-bold">용도 <span class="text-danger">*</span></label>
+                            <select class="form-select" id="purpose" required>
+                                <option value="">용도를 선택하세요</option>
+                                <option value="chatroom">채팅방 질문 추천</option>
+                                <option value="profile">회원가입·프로필 수정</option>
+                            </select>
+                        </div>
+
                         <div class="mb-4">
                             <label for="category" class="form-label fw-bold">카테고리 <span class="text-danger">*</span></label>
                             <select class="form-select" id="category" name="category" required>
-                                <option value="">카테고리를 선택하세요</option>
-                                <option th:each="cat : ${categories}"
-                                        th:value="${cat.name}"
-                                        th:text="${cat.displayName + ' - ' + cat.description}"></option>
+                                <option value="">먼저 용도를 선택하세요</option>
                             </select>
                         </div>
 
-                        <div class="mb-4">
+                        <div class="mb-4" id="groupContainer">
                             <label for="questionGroup" class="form-label fw-bold">질문 그룹 <span class="text-danger">*</span></label>
                             <select class="form-select" id="questionGroup" name="questionGroup" required>
                                 <option value="">그룹을 선택하세요</option>
@@ -79,7 +116,7 @@ <h1 class="fw-bold">새 질문 등록</h1>
 
                         <div class="mb-4">
                             <label for="description" class="form-label fw-bold">질문 설명</label>
-                            <textarea class="form-control" id="description" name="description" rows="2" 
+                            <textarea class="form-control" id="description" name="description" rows="2"
                                       placeholder="질문에 대한 부가 설명을 입력하세요 (선택사항)" maxlength="1000"></textarea>
                             <div class="form-text">최대 1000자까지 입력 가능합니다.</div>
                         </div>
@@ -110,5 +147,88 @@ <h1 class="fw-bold">새 질문 등록</h1>
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script>
+    // 용도별 카테고리 옵션
+    const categoryOptions = {
+        chatroom: [
+            { value: 'VALUES', label: '가치관 코드' },
+            { value: 'TENSION_UP', label: '텐션업 코드' },
+            { value: 'IF', label: '만약에 코드' },
+            { value: 'SECRET', label: '비밀 코드 (19+)' }
+        ],
+        profile: [
+            { value: 'VALUES', label: '가치관' },
+            { value: 'FAVORITE', label: 'favorite' },
+            { value: 'DATE', label: '데이트' },
+            { value: 'MEMORY', label: '추억' },
+            { value: 'WANT_TALK', label: '이런대화해보고싶어' }
+        ]
+    };
+
+    // 회원가입 전용 카테고리 (그룹 자동 RANDOM)
+    const signupOnlyCategories = ['FAVORITE', 'DATE', 'MEMORY', 'WANT_TALK'];
+
+    const purposeSelect = document.getElementById('purpose');
+    const categorySelect = document.getElementById('category');
+    const groupSelect = document.getElementById('questionGroup');
+    const groupContainer = document.getElementById('groupContainer');
+
+    // 용도 변경 시 카테고리 옵션 업데이트
+    function updateCategoryOptions() {
+        const purpose = purposeSelect.value;
+
+        if (!purpose) {
+            categorySelect.innerHTML = '<option value="">먼저 용도를 선택하세요</option>';
+            return;
+        }
+
+        const options = categoryOptions[purpose];
+        let html = '<option value="">카테고리를 선택하세요</option>';
+        options.forEach(opt => {
+            html += `<option value="${opt.value}">${opt.label}</option>`;
+        });
+        categorySelect.innerHTML = html;
+
+        // 용도가 profile이면 그룹을 자동으로 RANDOM으로 설정
+        if (purpose === 'profile') {
+            groupSelect.value = 'RANDOM';
+            groupSelect.disabled = true;
+            groupSelect.removeAttribute('required');
+            groupContainer.querySelector('.form-text').textContent =
+                '회원가입·프로필 수정 용도의 질문은 그룹이 자동으로 \'랜덤\'으로 지정됩니다.';
+        } else {
+            groupSelect.disabled = false;
+            groupSelect.value = '';
+            groupSelect.setAttribute('required', 'required');
+            groupContainer.querySelector('.form-text').textContent =
+                'A그룹은 우선 추천, B그룹은 A그룹 소진 후 추천됩니다. 텐션업 카테고리는 랜덤을 선택하세요.';
+        }
+    }
+
+    // 카테고리 변경 시 그룹 선택기 업데이트 (채팅방 용도에서 VALUES 선택 시)
+    function updateGroupSelector() {
+        const purpose = purposeSelect.value;
+        const selectedCategory = categorySelect.value;
+
+        // 채팅방 용도일 때만 그룹 선택 가능
+        if (purpose === 'chatroom') {
+            groupSelect.disabled = false;
+            groupSelect.setAttribute('required', 'required');
+            groupContainer.querySelector('.form-text').textContent =
+                'A그룹은 우선 추천, B그룹은 A그룹 소진 후 추천됩니다. 텐션업 카테고리는 랜덤을 선택하세요.';
+        }
+    }
+
+    // 이벤트 리스너
+    purposeSelect.addEventListener('change', updateCategoryOptions);
+    categorySelect.addEventListener('change', updateGroupSelector);
+
+    // 폼 제출 시 disabled 필드도 전송되도록 처리
+    document.querySelector('form').addEventListener('submit', function() {
+        if (groupSelect.disabled) {
+            groupSelect.disabled = false;
+        }
+    });
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>

From 7eb24034e63ef5eeb0db573842fbb8eef7e9ca81 Mon Sep 17 00:00:00 2001
From: sgo722 <sgo722@naver.com>
Date: Sun, 1 Feb 2026 20:23:38 +0900
Subject: [PATCH 3/4] =?UTF-8?q?[feat]=20=EC=A7=88=EB=AC=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=ED=8E=98=EC=9D=B4=EC=A7=80=20UI=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 용도 선택 필드 추가 및 기존 값 자동 선택
- 기존 카테고리/그룹 값을 hidden 필드로 보존
- 용도에 따른 카테고리 옵션 동적 변경
- 회원가입 용도 선택 시 그룹 자동 RANDOM 설정
- 그룹 설정 가이드 info-box 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../resources/templates/questionEditForm.html | 183 +++++++++++++++++-
 1 file changed, 173 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/templates/questionEditForm.html b/src/main/resources/templates/questionEditForm.html
index ebbd1cf..5165a18 100644
--- a/src/main/resources/templates/questionEditForm.html
+++ b/src/main/resources/templates/questionEditForm.html
@@ -29,6 +29,28 @@
             border-radius: 1rem;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
         }
+
+        .info-box {
+            background: #E3F2FD;
+            border-left: 3px solid #4A90E2;
+            padding: 1rem;
+            border-radius: 4px;
+            margin-bottom: 1.5rem;
+        }
+
+        .info-box-title {
+            font-size: 0.9rem;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+            color: #4A90E2;
+        }
+
+        .info-box ul {
+            margin-left: 1.5rem;
+            font-size: 0.85rem;
+            color: #7F8C8D;
+            margin-bottom: 0;
+        }
     </style>
 </head>
 <body>
@@ -49,6 +71,15 @@ <h1 class="fw-bold">질문 수정</h1>
 
             <div class="card form-card">
                 <div class="card-body">
+                    <div class="info-box">
+                        <div class="info-box-title">📌 그룹 설정 가이드</div>
+                        <ul>
+                            <li><strong>A그룹:</strong> 가벼운/진입용 질문 (먼저 노출, 대화 시작에 적합)</li>
+                            <li><strong>B그룹:</strong> 깊이있는/무게감 질문 (A그룹 소진 후 노출)</li>
+                            <li><strong>랜덤:</strong> 텐션업 코드 등 그룹 구분 없는 질문</li>
+                        </ul>
+                    </div>
+
                     <form th:action="@{/v1/admin/questions/{id}(id=${question.id})}" method="post">
                         <!-- 필터 파라미터 유지 -->
                         <input type="hidden" name="keyword" th:value="${filterKeyword}">
@@ -57,6 +88,10 @@ <h1 class="fw-bold">질문 수정</h1>
                         <input type="hidden" name="page" th:value="${filterPage}">
                         <input type="hidden" name="size" th:value="${filterSize}">
 
+                        <!-- 기존 카테고리 값 저장 (JavaScript에서 사용) -->
+                        <input type="hidden" id="currentCategory" th:value="${question.category.name}">
+                        <input type="hidden" id="currentGroup" th:value="${question.questionGroup.name}">
+
                         <div class="mb-4">
                             <label for="content" class="form-label fw-bold">질문 내용 <span class="text-danger">*</span></label>
                             <textarea class="form-control" id="content" name="content" rows="3"
@@ -65,32 +100,36 @@ <h1 class="fw-bold">질문 수정</h1>
                             <div class="form-text">최대 500자까지 입력 가능합니다.</div>
                         </div>
 
+                        <div class="mb-4">
+                            <label for="purpose" class="form-label fw-bold">용도 <span class="text-danger">*</span></label>
+                            <select class="form-select" id="purpose" required>
+                                <option value="">용도를 선택하세요</option>
+                                <option value="chatroom">채팅방 질문 추천</option>
+                                <option value="profile">회원가입·프로필 수정</option>
+                            </select>
+                        </div>
+
                         <div class="mb-4">
                             <label for="category" class="form-label fw-bold">카테고리 <span class="text-danger">*</span></label>
                             <select class="form-select" id="category" name="category" required>
-                                <option value="">카테고리를 선택하세요</option>
-                                <option th:each="cat : ${categories}"
-                                        th:value="${cat.name}"
-                                        th:text="${cat.displayName + ' - ' + cat.description}"
-                                        th:selected="${cat.name == question.category.name}"></option>
+                                <option value="">먼저 용도를 선택하세요</option>
                             </select>
                         </div>
 
-                        <div class="mb-4">
+                        <div class="mb-4" id="groupContainer">
                             <label for="questionGroup" class="form-label fw-bold">질문 그룹 <span class="text-danger">*</span></label>
                             <select class="form-select" id="questionGroup" name="questionGroup" required>
                                 <option value="">그룹을 선택하세요</option>
                                 <option th:each="group : ${questionGroups}"
                                         th:value="${group.name}"
-                                        th:text="${group.displayName}"
-                                        th:selected="${group.name == question.questionGroup.name}"></option>
+                                        th:text="${group.displayName}"></option>
                             </select>
                             <div class="form-text">A그룹은 우선 추천, B그룹은 A그룹 소진 후 추천됩니다. 텐션업 카테고리는 랜덤을 선택하세요.</div>
                         </div>
 
                         <div class="mb-4">
                             <label for="description" class="form-label fw-bold">질문 설명</label>
-                            <textarea class="form-control" id="description" name="description" rows="2" 
+                            <textarea class="form-control" id="description" name="description" rows="2"
                                       placeholder="질문에 대한 부가 설명을 입력하세요 (선택사항)" maxlength="1000"
                                       th:text="${question.description}"></textarea>
                             <div class="form-text">최대 1000자까지 입력 가능합니다.</div>
@@ -124,5 +163,129 @@ <h1 class="fw-bold">질문 수정</h1>
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script>
+    // 용도별 카테고리 옵션
+    const categoryOptions = {
+        chatroom: [
+            { value: 'VALUES', label: '가치관 코드' },
+            { value: 'TENSION_UP', label: '텐션업 코드' },
+            { value: 'IF', label: '만약에 코드' },
+            { value: 'SECRET', label: '비밀 코드 (19+)' }
+        ],
+        profile: [
+            { value: 'VALUES', label: '가치관' },
+            { value: 'FAVORITE', label: 'favorite' },
+            { value: 'DATE', label: '데이트' },
+            { value: 'MEMORY', label: '추억' },
+            { value: 'WANT_TALK', label: '이런대화해보고싶어' }
+        ]
+    };
+
+    // 카테고리별 용도 매핑
+    const categoryToPurpose = {
+        'VALUES': 'both', // 양쪽 모두 가능
+        'TENSION_UP': 'chatroom',
+        'IF': 'chatroom',
+        'SECRET': 'chatroom',
+        'FAVORITE': 'profile',
+        'DATE': 'profile',
+        'MEMORY': 'profile',
+        'WANT_TALK': 'profile'
+    };
+
+    // 회원가입 전용 카테고리 (그룹 자동 RANDOM)
+    const signupOnlyCategories = ['FAVORITE', 'DATE', 'MEMORY', 'WANT_TALK'];
+
+    const purposeSelect = document.getElementById('purpose');
+    const categorySelect = document.getElementById('category');
+    const groupSelect = document.getElementById('questionGroup');
+    const groupContainer = document.getElementById('groupContainer');
+
+    // 기존 값
+    const currentCategory = document.getElementById('currentCategory').value;
+    const currentGroup = document.getElementById('currentGroup').value;
+
+    // 용도 변경 시 카테고리 옵션 업데이트
+    function updateCategoryOptions(selectedCategory = null) {
+        const purpose = purposeSelect.value;
+
+        if (!purpose) {
+            categorySelect.innerHTML = '<option value="">먼저 용도를 선택하세요</option>';
+            return;
+        }
+
+        const options = categoryOptions[purpose];
+        let html = '<option value="">카테고리를 선택하세요</option>';
+        options.forEach(opt => {
+            const selected = selectedCategory === opt.value ? ' selected' : '';
+            html += `<option value="${opt.value}"${selected}>${opt.label}</option>`;
+        });
+        categorySelect.innerHTML = html;
+
+        updateGroupSelector();
+    }
+
+    // 그룹 선택기 업데이트
+    function updateGroupSelector() {
+        const purpose = purposeSelect.value;
+        const selectedCategory = categorySelect.value;
+
+        if (purpose === 'profile' || signupOnlyCategories.includes(selectedCategory)) {
+            // 회원가입·프로필 수정 용도: 그룹을 RANDOM으로 고정
+            groupSelect.value = 'RANDOM';
+            groupSelect.disabled = true;
+            groupSelect.removeAttribute('required');
+            groupContainer.querySelector('.form-text').textContent =
+                '회원가입·프로필 수정 용도의 질문은 그룹이 자동으로 \'랜덤\'으로 지정됩니다.';
+        } else {
+            // 채팅방 용도: 그룹 선택 가능
+            groupSelect.disabled = false;
+            groupSelect.setAttribute('required', 'required');
+            groupContainer.querySelector('.form-text').textContent =
+                'A그룹은 우선 추천, B그룹은 A그룹 소진 후 추천됩니다. 텐션업 카테고리는 랜덤을 선택하세요.';
+        }
+    }
+
+    // 페이지 로드 시 초기화
+    document.addEventListener('DOMContentLoaded', function() {
+        // 기존 카테고리로 용도 결정
+        const purpose = categoryToPurpose[currentCategory];
+
+        if (purpose === 'both') {
+            // VALUES는 채팅방 용도로 기본 설정 (채팅방에서 사용되는 경우가 더 흔함)
+            // 그룹이 RANDOM이면 profile, 아니면 chatroom으로 추정
+            if (currentGroup === 'RANDOM') {
+                purposeSelect.value = 'profile';
+            } else {
+                purposeSelect.value = 'chatroom';
+            }
+        } else if (purpose === 'chatroom') {
+            purposeSelect.value = 'chatroom';
+        } else {
+            purposeSelect.value = 'profile';
+        }
+
+        // 카테고리 옵션 업데이트 및 기존 값 선택
+        updateCategoryOptions(currentCategory);
+
+        // 기존 그룹 값 설정
+        if (!groupSelect.disabled) {
+            groupSelect.value = currentGroup;
+        }
+    });
+
+    // 이벤트 리스너
+    purposeSelect.addEventListener('change', function() {
+        updateCategoryOptions();
+    });
+    categorySelect.addEventListener('change', updateGroupSelector);
+
+    // 폼 제출 시 disabled 필드도 전송되도록 처리
+    document.querySelector('form').addEventListener('submit', function() {
+        if (groupSelect.disabled) {
+            groupSelect.disabled = false;
+        }
+    });
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>

From fe6706517e60b554f5985e85661f935fc2cd1d9c Mon Sep 17 00:00:00 2001
From: sgo722 <sgo722@naver.com>
Date: Sun, 1 Feb 2026 20:23:43 +0900
Subject: [PATCH 4/4] =?UTF-8?q?[feat]=20=EC=A7=88=EB=AC=B8=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=95=84=ED=84=B0=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- optgroup display:none 방식에서 JavaScript 동적 생성으로 변경
- 브라우저 호환성 문제 해결
- 필터 값 보존을 위한 hidden 필드 추가
- 페이지 로드 시 기존 필터 값 복원

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../resources/templates/questionList.html     | 92 +++++++++++--------
 1 file changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/main/resources/templates/questionList.html b/src/main/resources/templates/questionList.html
index 300896f..d3abb51 100644
--- a/src/main/resources/templates/questionList.html
+++ b/src/main/resources/templates/questionList.html
@@ -54,7 +54,7 @@ <h1 class="fw-bold">질문 관리</h1>
                         </div>
                         <div class="col-md-2">
                             <label for="purpose" class="form-label">용도</label>
-                            <select class="form-select" id="purpose" name="purpose" onchange="updateCategoryOptions()">
+                            <select class="form-select" id="purpose" name="purpose">
                                 <option value="">전체</option>
                                 <option value="chatroom" th:selected="${searchParams['purpose'] == 'chatroom'}">채팅방 질문 추천</option>
                                 <option value="profile" th:selected="${searchParams['purpose'] == 'profile'}">회원가입·프로필 수정</option>
@@ -64,20 +64,9 @@ <h1 class="fw-bold">질문 관리</h1>
                             <label for="category" class="form-label">카테고리</label>
                             <select class="form-select" id="category" name="category">
                                 <option value="">전체 카테고리</option>
-                                <optgroup label="채팅방 질문 추천" id="chatroomGroup">
-                                    <option value="VALUES" th:selected="${searchParams['category'] == 'VALUES' and (searchParams['purpose'] == 'chatroom' or searchParams['purpose'] == '')}" class="chat-category shared-category">가치관 코드</option>
-                                    <option value="TENSION_UP" th:selected="${searchParams['category'] == 'TENSION_UP'}" class="chat-category">텐션업 코드</option>
-                                    <option value="IF" th:selected="${searchParams['category'] == 'IF'}" class="chat-category">만약에 코드</option>
-                                    <option value="SECRET" th:selected="${searchParams['category'] == 'SECRET'}" class="chat-category">비밀 코드 (19+)</option>
-                                </optgroup>
-                                <optgroup label="회원가입·프로필 수정" id="profileGroup">
-                                    <option value="VALUES" th:selected="${searchParams['category'] == 'VALUES' and searchParams['purpose'] == 'profile'}" class="profile-category shared-category">가치관</option>
-                                    <option value="FAVORITE" th:selected="${searchParams['category'] == 'FAVORITE'}" class="profile-category">favorite</option>
-                                    <option value="DATE" th:selected="${searchParams['category'] == 'DATE'}" class="profile-category">데이트</option>
-                                    <option value="MEMORY" th:selected="${searchParams['category'] == 'MEMORY'}" class="profile-category">추억</option>
-                                    <option value="WANT_TALK" th:selected="${searchParams['category'] == 'WANT_TALK'}" class="profile-category">이런대화해보고싶어</option>
-                                </optgroup>
                             </select>
+                            <!-- 서버에서 전달받은 현재 카테고리 값 저장 -->
+                            <input type="hidden" id="currentCategory" th:value="${searchParams['category']}">
                         </div>
                         <div class="col-md-2">
                             <label for="questionGroup" class="form-label">그룹</label>
@@ -202,43 +191,66 @@ <h1 class="fw-bold">질문 관리</h1>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 <script>
-    function updateCategoryOptions() {
+    // 용도별 카테고리 옵션
+    const categoryOptions = {
+        chatroom: [
+            { value: 'VALUES', label: '가치관 코드' },
+            { value: 'TENSION_UP', label: '텐션업 코드' },
+            { value: 'IF', label: '만약에 코드' },
+            { value: 'SECRET', label: '비밀 코드 (19+)' }
+        ],
+        profile: [
+            { value: 'VALUES', label: '가치관' },
+            { value: 'FAVORITE', label: 'favorite' },
+            { value: 'DATE', label: '데이트' },
+            { value: 'MEMORY', label: '추억' },
+            { value: 'WANT_TALK', label: '이런대화해보고싶어' }
+        ]
+    };
+
+    function updateCategoryOptions(selectedCategory = null) {
         const purpose = document.getElementById('purpose').value;
-        const chatroomGroup = document.getElementById('chatroomGroup');
-        const profileGroup = document.getElementById('profileGroup');
         const categorySelect = document.getElementById('category');
 
-        // 현재 선택된 값 저장
-        const currentValue = categorySelect.value;
+        let html = '<option value="">전체 카테고리</option>';
 
-        // 채팅방 전용 카테고리
-        const chatOnlyCategories = ['TENSION_UP', 'IF', 'SECRET'];
-        // 프로필 전용 카테고리
-        const profileOnlyCategories = ['FAVORITE', 'DATE', 'MEMORY', 'WANT_TALK'];
+        if (!purpose) {
+            // 전체: optgroup으로 두 그룹 모두 표시
+            html += '<optgroup label="채팅방 질문 추천">';
+            categoryOptions.chatroom.forEach(opt => {
+                const selected = selectedCategory === opt.value ? ' selected' : '';
+                html += `<option value="${opt.value}"${selected}>${opt.label}</option>`;
+            });
+            html += '</optgroup>';
 
-        if (purpose === 'chatroom') {
-            chatroomGroup.style.display = '';
-            profileGroup.style.display = 'none';
-            // 프로필 전용 카테고리가 선택되어 있으면 초기화
-            if (profileOnlyCategories.includes(currentValue)) {
-                categorySelect.value = '';
-            }
-        } else if (purpose === 'profile') {
-            chatroomGroup.style.display = 'none';
-            profileGroup.style.display = '';
-            // 채팅방 전용 카테고리가 선택되어 있으면 초기화
-            if (chatOnlyCategories.includes(currentValue)) {
-                categorySelect.value = '';
-            }
+            html += '<optgroup label="회원가입·프로필 수정">';
+            categoryOptions.profile.forEach(opt => {
+                // VALUES는 이미 chatroom에서 추가했으므로 profile에서는 생략
+                if (opt.value === 'VALUES') return;
+                const selected = selectedCategory === opt.value ? ' selected' : '';
+                html += `<option value="${opt.value}"${selected}>${opt.label}</option>`;
+            });
+            html += '</optgroup>';
         } else {
-            // 전체: 두 그룹 모두 표시
-            chatroomGroup.style.display = '';
-            profileGroup.style.display = '';
+            // 특정 용도 선택: 해당 용도의 카테고리만 표시 (optgroup 없이)
+            const options = categoryOptions[purpose];
+            options.forEach(opt => {
+                const selected = selectedCategory === opt.value ? ' selected' : '';
+                html += `<option value="${opt.value}"${selected}>${opt.label}</option>`;
+            });
         }
+
+        categorySelect.innerHTML = html;
     }
 
     // 페이지 로드 시 초기화
     document.addEventListener('DOMContentLoaded', function() {
+        const currentCategory = document.getElementById('currentCategory').value;
+        updateCategoryOptions(currentCategory);
+    });
+
+    // 용도 변경 시 카테고리 옵션 업데이트
+    document.getElementById('purpose').addEventListener('change', function() {
         updateCategoryOptions();
     });
 </script>