공지사항/Q&A 개선 - 장애 점검 정보 노출 및 상단고정 정렬 - Q&A 이벤트 정리

src/main/resources/templates/views/apps/community/mainNoticeDetail.html

@@ -15,10 +15,50 @@
 
     <!-- Notice Header: Title and Date -->
     <div class="notice-detail-header">
-      <h2 class="notice-detail-title" th:text="${portalNotice.noticeSubject}">개인정보처리 방침 정정 공지</h2>
+      <h2 class="notice-detail-title">
+        <span th:if="${portalNotice.noticeType == '3'}"
+              style="display:inline-block;padding:2px 10px;margin-right:8px;border-radius:12px;font-size:14px;vertical-align:middle;background:#fde7e9;color:#c0152a;">장애</span>
+        <span th:if="${portalNotice.noticeType == '2'}"
+              style="display:inline-block;padding:2px 10px;margin-right:8px;border-radius:12px;font-size:14px;vertical-align:middle;background:#fff4d6;color:#9a6700;">점검</span>
+        <span th:text="${portalNotice.noticeSubject}">개인정보처리 방침 정정 공지</span>
+      </h2>
       <span class="notice-detail-date" th:text="${#temporals.format(portalNotice.createdDate, 'yyyy.MM.dd')}">2025.11.01</span>
     </div>
 
+    <!-- 장애/점검 정보 영역 -->
+    <div class="notice-detail-incident-info" th:if="${portalNotice.incidentOrMaintenance}"
+         style="margin:16px 0;padding:16px;background:#f7f8fa;border:1px solid #e3e6eb;border-radius:8px;">
+      <table style="width:100%;border-collapse:collapse;">
+        <colgroup>
+          <col style="width:120px;"><col><col style="width:120px;"><col>
+        </colgroup>
+        <tr>
+          <th style="text-align:left;padding:6px 8px;">시작</th>
+          <td style="padding:6px 8px;"
+              th:text="${portalNotice.startedAt != null ? #temporals.format(portalNotice.startedAt, 'yyyy.MM.dd HH:mm') : '-'}">-</td>
+          <th style="text-align:left;padding:6px 8px;">종료</th>
+          <td style="padding:6px 8px;"
+              th:text="${portalNotice.endAt != null ? #temporals.format(portalNotice.endAt, 'yyyy.MM.dd HH:mm') : '진행중'}">-</td>
+        </tr>
+        <tr th:if="${portalNotice.incidentType}">
+          <th style="text-align:left;padding:6px 8px;">상태</th>
+          <td colspan="3" style="padding:6px 8px;" th:text="${portalNotice.state != null ? portalNotice.state : '-'}">-</td>
+        </tr>
+        <tr th:if="${portalNotice.affectedApis != null and !portalNotice.affectedApis.isEmpty()}">
+          <th style="text-align:left;padding:6px 8px;vertical-align:top;">영향 API</th>
+          <td colspan="3" style="padding:6px 8px;">
+            <ul style="margin:0;padding-left:18px;">
+              <li th:each="api : ${portalNotice.affectedApis}">
+                <strong th:text="${api.apiId}">API_ID</strong>
+                <span th:if="${api.apiName != null and !api.apiName.isEmpty()}"
+                      th:text="| - ${api.apiName}|"></span>
+              </li>
+            </ul>
+          </td>
+        </tr>
+      </table>
+    </div>
+
     <!-- Attachment Section -->
     <div class="notice-detail-attachment" th:if="${!#strings.isEmpty(portalNotice.fileId)}">
       <div class="attachment-list" th:with="fileInfo=${@fileService.findById(portalNotice.fileId)}">

src/main/resources/templates/views/apps/community/mainNoticeList.html

@@ -58,6 +58,15 @@
           <div class="row-cell row-cell--title" style="flex: 1; min-width: 200px;" data-label="제목">
             <a th:href="@{/portalnotice/detail(id=${notice.id})}" class="notice-title-link">
               <span class="notice-number" th:text="|[${page.totalElements - (page.number * page.size) - status.index}]|">[1]</span>
+              <span class="notice-fix-badge"
+                    th:if="${notice.fixYn == 'Y'}"
+                    style="display:inline-block;padding:2px 8px;margin-right:6px;border-radius:10px;font-size:12px;background:#e5f0ff;color:#0a4ea3;font-weight:600;">고정</span>
+              <span class="notice-type-badge notice-type-badge--incident"
+                    th:if="${notice.noticeType == '3'}"
+                    style="display:inline-block;padding:2px 8px;margin-right:6px;border-radius:10px;font-size:12px;background:#fde7e9;color:#c0152a;">장애</span>
+              <span class="notice-type-badge notice-type-badge--maintenance"
+                    th:if="${notice.noticeType == '2'}"
+                    style="display:inline-block;padding:2px 8px;margin-right:6px;border-radius:10px;font-size:12px;background:#fff4d6;color:#9a6700;">점검</span>
               <span th:text="${notice.noticeSubject}">공지사항 제목</span>
               <span class="file-icon" th:if="${notice.fileId != null and !notice.fileId.isEmpty()}">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">