#574 공지사항 상세 페이지 내 목록 기능 추가 (#576)

* feat: 공지사항 목록 버튼 추가

* feat: 공지사항 상세 페이지 내 목록 기능 추가

Author: taekoong

frontend/src/i18n/oj/en-US.js

@@ -253,6 +253,7 @@ export const m = {
   // announcements.vue
   Refresh: "새로고침",
   Back: "뒤로가기",
+  Notice_List: "목록",
   No_Announcements: "공지사항이 없습니다",
   Next_Announcement: "다음 공지",
   Before_Announcement: "이전 공지",

frontend/src/pages/oj/views/notice/AnnouncementDetail.vue

@@ -118,6 +118,11 @@ export default {
         params: { noticeID: this.nextAnnouncementId },
       })
     },
+    goList() {
+      this.$router.push({
+        name: "notice",
+      })
+    },
   },
   computed: {
     createDate() {
@@ -207,6 +212,9 @@ export default {
         ></div>
       </div>
     </div>
+    <button class="notice-list-btn" @click="goList">
+      {{ $t("m.Notice_List") }}
+    </button>
     <!--    <div class="other-announcements">-->
     <!--      <div class="other-announcement-wrapper">-->
     <!--        <div class="announcement-skeleton" v-if="this.loadingNext">-->
@@ -378,4 +386,30 @@ export default {
     opacity: 0.5;
   }
 }
+
+.notice-list-btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 8px;
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.notice-list-btn {
+  background: rgb(241, 243, 244);
+  color: black;
+}
+
+.notice-list-btn:hover {
+  background: lightgrey;
+  color: rgb(50, 50, 50);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
+}
 </style>

frontend/src/pages/oj/views/notice/Announcements.vue

@@ -31,7 +31,7 @@
       </table>
       <Pagination
         v-if="!isContest"
-        key="page"
+        :current="currentPage"
         :total="total"
         :page-size="limit"
         @on-change="getAnnouncementList"
@@ -67,13 +67,20 @@ export default {
   },
   methods: {
     init() {
+      const savedPage = Number(sessionStorage.getItem("noticePage")) || 1
+      this.currentPage = savedPage
+
       if (this.isContest) {
         this.getContestAnnouncementList()
       } else {
         this.getAnnouncementList()
       }
     },
-    getAnnouncementList(page = 1) {
+    getAnnouncementList(page = this.currentPage) {
+      this.currentPage = page
+
+      sessionStorage.setItem("noticePage", page)
+
       this.btnLoading = true
       api.getAnnouncementList((page - 1) * this.limit, this.limit).then(
         (res) => {