UI 개선

egbim/app.js

@@ -275,11 +275,12 @@
 
     function render() {
       const query = (qs('#query').value || '').trim().toLowerCase();
-      const checkedCategories = qsa('input[name="category"]:checked').map(function (input) { return input.value; });
+      const selectedCategory = qs('input[name="category"]:checked');
+      const categoryFilter = selectedCategory ? selectedCategory.value : '전체';
       const onlyMine = qs('#onlyMine').checked;
       const user = getAuthUser();
       const filtered = getPosts().filter(function (post) {
-        const matchesCategory = !checkedCategories.length || checkedCategories.indexOf(post.category) > -1;
+        const matchesCategory = categoryFilter === '전체' || categoryFilter === post.category;
         const haystack = [post.title, post.content, post.company, post.department, post.author].join(' ').toLowerCase();
         const matchesQuery = !query || haystack.indexOf(query) > -1;
         const matchesMine = !onlyMine || (user && (post.author === user.name || post.author === user.loginId));
@@ -296,7 +297,7 @@
         const number = isNotice ? '공지' : filtered.length - ((page - 1) * pageSize + index);
         const statusClass = post.status === '답변완료' ? 'done' : (post.status === '문의검토' || post.status === '정밀검토' ? 'review' : '');
         return '<tr class="' + (isNotice ? 'notice-row' : '') + '" data-id="' + escapeHtml(post.id) + '">' +
-          '<td>' + number + '</td><td><span class="category ' + (isNotice ? 'notice' : '') + '">' + escapeHtml(post.category.replace('문의', '')) + '</span></td>' +
+          '<td>' + number + '</td><td class="category-cell">' + escapeHtml(post.category.replace('문의', '')) + '</td>' +
           '<td>' + escapeHtml(post.company) + '</td><td>' + escapeHtml(post.department) + '</td><td>' + escapeHtml(post.author) + '</td>' +
           '<td class="subject"><span class="subject-link">' + (post.secret ? '<span class="lock">🔒</span>' : '') + escapeHtml(post.title) + '</span>' + (!isNotice && post.date === '2026-09-17' ? '<span class="new-mark">N</span>' : '') + '</td>' +
           '<td>' + escapeHtml(post.date) + '</td><td>' + (post.status ? '<span class="status ' + statusClass + '">' + escapeHtml(post.status) + '</span>' : '-') + '</td></tr>';