OAuth2 개발가이드 추가 및 테이블 UI 개선

- OAuth2 개발가이드 링크 추가
- 테이블 컬럼 스타일 조정: 모바일 대응 및 오버플로 방지
- Jackson 직렬화 대응 날짜 포맷 수정

src/main/resources/static/css/main.css

@@ -17099,19 +17099,19 @@ input[type=checkbox]:checked + .custom-checkbox {
     display: none;
   }
   .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(2) {
-    flex: 1 !important;
+    flex: 1 1 0 !important;
-    min-width: 100px;
+    min-width: 0 !important;
   }
   .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(3) {
-    width: 50px !important;
+    width: 60px !important;
-    min-width: 50px;
+    min-width: 60px !important;
-    flex: none;
+    flex: none !important;
     justify-content: center;
   }
   .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(4) {
-    width: 65px !important;
+    width: 78px !important;
-    min-width: 65px;
+    min-width: 78px !important;
-    flex: none;
+    flex: none !important;
     justify-content: center;
   }
   .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(5) {
@@ -17121,8 +17121,9 @@ input[type=checkbox]:checked + .custom-checkbox {
     display: none;
   }
   .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title {
-    flex: 1 !important;
+    flex: 1 1 0 !important;
-    min-width: 100px;
+    min-width: 0 !important;
+    overflow: hidden;
     justify-content: flex-start;
   }
   .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
@@ -17149,16 +17150,19 @@ input[type=checkbox]:checked + .custom-checkbox {
     height: 16px;
   }
   .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(3) {
-    width: 50px !important;
+    width: 60px !important;
-    min-width: 50px;
+    min-width: 60px !important;
-    flex: none;
+    flex: none !important;
     justify-content: center;
     text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) {
-    width: 65px !important;
+    width: 78px !important;
-    min-width: 65px;
+    min-width: 78px !important;
-    flex: none;
+    flex: none !important;
     justify-content: center;
     text-align: center;
   }

src/main/resources/static/js/djb/inquiry-comments.js

@@ -44,7 +44,15 @@
   function formatDate(value) {
     if (!value) return '';
     try {
-      const d = new Date(value);
+      var d;
+      if (Array.isArray(value)) {
+        // Jackson LocalDateTime 직렬화(timestamp 배열): [year, month(1-base), day, hour, minute, second, nano]
+        var y = value[0], mo = value[1] || 1, da = value[2] || 1;
+        var h = value[3] || 0, mi = value[4] || 0, s = value[5] || 0;
+        d = new Date(y, mo - 1, da, h, mi, s);
+      } else {
+        d = new Date(value);
+      }
       if (isNaN(d.getTime())) return '';
       const pad = function (n) { return n < 10 ? '0' + n : '' + n; };
       return d.getFullYear() + '.' + pad(d.getMonth() + 1) + '.' + pad(d.getDate())

src/main/resources/static/sass/pages/_user-management.scss

@@ -699,25 +699,25 @@
             display: none;
           }
 
-          // 제목 컬럼 - flex 1
+          // 제목 컬럼 - flex 1 (인라인 min-width:200px 무력화로 모바일 축소 허용)
           &:nth-child(2) {
-            flex: 1 !important;
+            flex: 1 1 0 !important;
-            min-width: 100px;
+            min-width: 0 !important;
           }
 
-          // 작성자 컬럼 - 50px, 가운데 정렬
+          // 작성자 컬럼 - 60px, 가운데 정렬
           &:nth-child(3) {
-            width: 50px !important;
+            width: 60px !important;
-            min-width: 50px;
+            min-width: 60px !important;
-            flex: none;
+            flex: none !important;
             justify-content: center;
           }
 
-          // 처리상태 컬럼 - 65px, 가운데 정렬
+          // 처리상태 컬럼 - 78px, 가운데 정렬
           &:nth-child(4) {
-            width: 65px !important;
+            width: 78px !important;
-            min-width: 65px;
+            min-width: 78px !important;
-            flex: none;
+            flex: none !important;
             justify-content: center;
           }
 
@@ -736,11 +736,12 @@
             display: none;
           }
 
-          // 제목 컬럼 - flex 1
+          // 제목 컬럼 - flex 1 (인라인 min-width:200px 무력화로 모바일 축소 허용)
           &:nth-child(2),
           &.row-cell--title {
-            flex: 1 !important;
+            flex: 1 1 0 !important;
-            min-width: 100px;
+            min-width: 0 !important;
+            overflow: hidden;
             justify-content: flex-start;
 
             .notice-title-link {
@@ -773,20 +774,23 @@
             }
           }
 
-          // 작성자 컬럼 - 50px, 가운데 정렬
+          // 작성자 컬럼 - 60px, 가운데 정렬 (마스킹 이름 넘침 방지)
           &:nth-child(3) {
-            width: 50px !important;
+            width: 60px !important;
-            min-width: 50px;
+            min-width: 60px !important;
-            flex: none;
+            flex: none !important;
             justify-content: center;
             text-align: center;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
           }
 
-          // 처리상태 컬럼 - 65px, 가운데 정렬
+          // 처리상태 컬럼 - 78px, 가운데 정렬
           &:nth-child(4) {
-            width: 65px !important;
+            width: 78px !important;
-            min-width: 65px;
+            min-width: 78px !important;
-            flex: none;
+            flex: none !important;
             justify-content: center;
             text-align: center;
 

src/main/resources/templates/views/fragment/djbank/header_container.html

@@ -175,6 +175,7 @@
             <ul class="drawer-submenu">
               <li><a th:href="@{/service/intro}">API 포탈 소개</a></li>
               <li><a th:href="@{/service/guide}">회원가입 안내</a></li>
+              <li><a th:href="@{/service/oauth2-guide}">OAuth2 개발가이드</a></li>
             </ul>
           </li>