From c4872c93a8fe31de257b62a4804a1fc4e160cce8 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sat, 27 Jun 2026 22:59:20 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=83=80?=
 =?UTF-8?q?=EC=9D=B4=ED=8B=80=20=EC=A0=9C=EA=B1=B0(=ED=97=A4=EB=8D=94?=
 =?UTF-8?q?=EB=A7=8C=20=ED=91=9C=EA=B8=B0)=20+=20=EA=B2=8C=EC=8B=9C?=
 =?UTF-8?q?=EA=B8=80=20=EC=83=81=EC=84=B8=20=EB=AA=A9=EB=A1=9D=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98/=EA=B3=B5=EC=A7=80=20=EC=B2=B4=ED=81=AC?=
 =?UTF-8?q?=EB=B0=95=EC=8A=A4=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 각 화면 내 <h1> 페이지 타이틀 제거 → 헤더 타이틀로 일원화
  (가계부 pending 카운트는 유지, 액션 헤더는 우측 정렬)
- 게시글 상세: 공지 등록/해제 버튼 제거 + '목록' 아이콘 추가(list 아이콘 신규)
- 글 작성/수정 공지 체크박스로 일원화(편집 시 기존값 로드)
- ProfileEdit/AccountInfo 화면 내 뒤로가기 제거, 미사용 router 정리

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/ui/IconBtn.vue              |  1 +
 src/views/UsersView.vue                    |  3 +--
 src/views/account/AccountDashboardView.vue |  3 ---
 src/views/account/AccountTagView.vue       |  5 -----
 src/views/account/AccountView.vue          |  2 +-
 src/views/account/AccountWalletView.vue    |  5 -----
 src/views/account/BudgetView.vue           |  5 +----
 src/views/account/CategoryView.vue         |  5 +----
 src/views/account/RecurringView.vue        |  5 +----
 src/views/admin/DefaultCategoryView.vue    |  5 -----
 src/views/admin/TagAdminView.vue           |  2 --
 src/views/board/BoardDetailView.vue        | 15 ++-------------
 src/views/board/BoardListView.vue          |  3 +--
 src/views/board/BoardWriteView.vue         |  6 +++---
 src/views/settings/AccountInfoView.vue     |  1 -
 src/views/settings/ProfileEditView.vue     |  8 --------
 src/views/settings/SettingsView.vue        |  1 -
 17 files changed, 12 insertions(+), 63 deletions(-)

diff --git a/src/components/ui/IconBtn.vue b/src/components/ui/IconBtn.vue
index 8c9fdde..9934a9b 100644
--- a/src/components/ui/IconBtn.vue
+++ b/src/components/ui/IconBtn.vue
@@ -27,6 +27,7 @@ const ICONS = {
   refresh: ['M23 4v6h-6', 'M1 20v-6h6', 'M3.51 9a9 9 0 0 1 14.85-3.36L23 10', 'M1 14l4.64 4.36A9 9 0 0 0 20.49 15'],
   filter: ['M22 3H2l8 9.46V19l4 2v-8.54L22 3z'],
   menu: ['M3 12h18', 'M3 6h18', 'M3 18h18'],
+  list: ['M8 6h13', 'M8 12h13', 'M8 18h13', 'M3 6h.01', 'M3 12h.01', 'M3 18h.01'],
   back: ['M19 12H5', 'M12 19l-7-7 7-7'],
   logout: ['M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4', 'M16 17l5-5-5-5', 'M21 12H9'],
   login: ['M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4', 'M10 17l5-5-5-5', 'M15 12H3'],
diff --git a/src/views/UsersView.vue b/src/views/UsersView.vue
index 166301e..3c4c7b0 100644
--- a/src/views/UsersView.vue
+++ b/src/views/UsersView.vue
@@ -108,8 +108,7 @@ onMounted(() => {
 
 <template>
   <main class="members">
-    <header class="head">
-      <h1>회원 관리</h1>
+    <header class="head" style="justify-content: flex-end">
       <div class="head-actions">
         <input v-model="keyword" type="search" class="search" placeholder="아이디·이름·이메일 검색" />
         <IconBtn icon="refresh" title="새로고침" size="sm" :disabled="loading" @click="load" />
diff --git a/src/views/account/AccountDashboardView.vue b/src/views/account/AccountDashboardView.vue
index 760cde1..c55a61c 100644
--- a/src/views/account/AccountDashboardView.vue
+++ b/src/views/account/AccountDashboardView.vue
@@ -324,9 +324,6 @@ onMounted(async () => {
 
 <template>
   <section class="dash">
-    <header class="head">
-      <h1>통계</h1>
-    </header>
 
     <div class="month-nav">
       <IconBtn icon="chevronLeft" title="이전 달" size="sm" @click="prevMonth" />
diff --git a/src/views/account/AccountTagView.vue b/src/views/account/AccountTagView.vue
index 8c868d4..efa0153 100644
--- a/src/views/account/AccountTagView.vue
+++ b/src/views/account/AccountTagView.vue
@@ -1,12 +1,10 @@
 <script setup>
 import { onBeforeUnmount, onMounted, ref, nextTick } from 'vue'
-import { useRouter } from 'vue-router'
 import Sortable from 'sortablejs'
 import { accountApi } from '@/api/accountApi'
 import { useDialog } from '@/composables/dialog'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 const dialog = useDialog()
 
 const tags = ref([])
@@ -100,9 +98,6 @@ onBeforeUnmount(() => sortable?.destroy())
 
 <template>
   <section class="tag-admin">
-    <header class="head">
-      <h1>가계부 태그 관리</h1>
-    </header>
     <p class="hint">내가 등록한 태그는 나의 가계부 내역에서만 사용됩니다.</p>
 
     <form class="new-tag" @submit.prevent="addTag">
diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index ecb52dd..178ffd1 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -824,7 +824,7 @@ onMounted(async () => {
 <template>
   <section class="account">
     <header class="account-head">
-      <h1>가계부<span v-if="pendingCount" class="pending-count">확인 필요 {{ pendingCount }}건</span></h1>
+      <span class="pending-wrap"><span v-if="pendingCount" class="pending-count">확인 필요 {{ pendingCount }}건</span></span>
       <IconBtn icon="plus" title="내역 추가" variant="primary" @click="openCreate" />
     </header>
     <Transition name="fade"><p v-if="flashMsg" class="flash">{{ flashMsg }}</p></Transition>
diff --git a/src/views/account/AccountWalletView.vue b/src/views/account/AccountWalletView.vue
index 0dd941b..b02e5b3 100644
--- a/src/views/account/AccountWalletView.vue
+++ b/src/views/account/AccountWalletView.vue
@@ -1,12 +1,10 @@
 <script setup>
 import { onBeforeUnmount, onMounted, reactive, ref, watch, nextTick } from 'vue'
-import { useRouter } from 'vue-router'
 import Sortable from 'sortablejs'
 import { accountApi } from '@/api/accountApi'
 import { useDialog } from '@/composables/dialog'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 const dialog = useDialog()
 
 const TABS = [
@@ -310,9 +308,6 @@ onBeforeUnmount(() => sortable?.destroy())
 
 <template>
   <section class="wallet">
-    <header class="head">
-      <h1>계좌 관리</h1>
-    </header>
 
     <!-- 순자산 요약 -->
     <div class="networth">
diff --git a/src/views/account/BudgetView.vue b/src/views/account/BudgetView.vue
index 3dc74e2..69af86b 100644
--- a/src/views/account/BudgetView.vue
+++ b/src/views/account/BudgetView.vue
@@ -1,11 +1,9 @@
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { accountApi } from '@/api/accountApi'
 import { useDialog } from '@/composables/dialog'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 const dialog = useDialog()
 
 const now = new Date()
@@ -244,8 +242,7 @@ onMounted(() => {
 
 <template>
   <section class="budget">
-    <header class="head">
-      <h1>예산 설정</h1>
+    <header class="head" style="justify-content: flex-end">
       <div class="head-actions">
         <IconBtn icon="plus" title="예산 추가" variant="primary" @click="openCreate" />
       </div>
diff --git a/src/views/account/CategoryView.vue b/src/views/account/CategoryView.vue
index 1cc5b06..57cab31 100644
--- a/src/views/account/CategoryView.vue
+++ b/src/views/account/CategoryView.vue
@@ -1,11 +1,9 @@
 <script setup>
 import { computed, onBeforeUnmount, onMounted, reactive, ref, watch, nextTick } from 'vue'
-import { useRouter } from 'vue-router'
 import Sortable from 'sortablejs'
 import { accountApi } from '@/api/accountApi'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 
 const categories = ref([])
 const rows = ref([]) // 현재 탭(activeType)의 분류 — 드래그 정렬 대상
@@ -184,8 +182,7 @@ onBeforeUnmount(destroySortables)
 
 <template>
   <section class="cat">
-    <header class="head">
-      <h1>분류 관리</h1>
+    <header class="head" style="justify-content: flex-end">
       <div class="head-actions">
         <button type="button" class="text-btn" @click="importDefaults">기본 분류 불러오기</button>
       </div>
diff --git a/src/views/account/RecurringView.vue b/src/views/account/RecurringView.vue
index 17e67d6..701401c 100644
--- a/src/views/account/RecurringView.vue
+++ b/src/views/account/RecurringView.vue
@@ -1,11 +1,9 @@
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { accountApi } from '@/api/accountApi'
 import { useDialog } from '@/composables/dialog'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 const dialog = useDialog()
 
 const recurrings = ref([])
@@ -240,8 +238,7 @@ onMounted(load)
 
 <template>
   <section class="recur">
-    <header class="head">
-      <h1>고정 지출</h1>
+    <header class="head" style="justify-content: flex-end">
       <div class="head-actions">
         <IconBtn icon="refresh" title="지금 반영" @click="runNow" />
         <IconBtn icon="plus" title="고정 지출 추가" variant="primary" @click="openCreate" />
diff --git a/src/views/admin/DefaultCategoryView.vue b/src/views/admin/DefaultCategoryView.vue
index 6c9ca22..6e68bf5 100644
--- a/src/views/admin/DefaultCategoryView.vue
+++ b/src/views/admin/DefaultCategoryView.vue
@@ -1,12 +1,10 @@
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref, watch, nextTick } from 'vue'
-import { useRouter } from 'vue-router'
 import Sortable from 'sortablejs'
 import { adminApi } from '@/api/adminApi'
 import { useDialog } from '@/composables/dialog'
 import IconBtn from '@/components/ui/IconBtn.vue'
 
-const router = useRouter()
 const dialog = useDialog()
 
 const categories = ref([])
@@ -150,9 +148,6 @@ onBeforeUnmount(destroySortables)
 
 <template>
   <section class="cat">
-    <header class="head">
-      <h1>기본 분류 관리</h1>
-    </header>
     <p class="hint">
       전체 사용자 공용 <b>기본 분류</b> 템플릿입니다. 사용자가 분류 관리에서 <b>‘기본 분류 불러오기’</b>로 자기 분류에 복사해 씁니다.
       <b>대분류 아래 소분류</b>로 묶을 수 있습니다(2단계).
diff --git a/src/views/admin/TagAdminView.vue b/src/views/admin/TagAdminView.vue
index 0b5b45a..b523961 100644
--- a/src/views/admin/TagAdminView.vue
+++ b/src/views/admin/TagAdminView.vue
@@ -100,8 +100,6 @@ onMounted(load)
 
 <template>
   <section class="tag-admin">
-    <h1>태그 관리</h1>
-
     <div class="board-setting">
       <label>게시판 사용 카테고리</label>
       <select v-model="boardCategoryId">
diff --git a/src/views/board/BoardDetailView.vue b/src/views/board/BoardDetailView.vue
index f2fb735..3e4e854 100644
--- a/src/views/board/BoardDetailView.vue
+++ b/src/views/board/BoardDetailView.vue
@@ -80,15 +80,6 @@ async function unblockPost() {
   }
 }
 
-async function setNoticePost(on) {
-  try {
-    await (on ? boardApi.setNotice(postId) : boardApi.unsetNotice(postId))
-    await load()
-  } catch (e) {
-    alert(e.response?.data?.message || '처리에 실패했습니다.')
-  }
-}
-
 async function addComment() {
   const content = commentText.value.trim()
   if (!content) return
@@ -151,10 +142,8 @@ onMounted(load)
       </div>
 
       <div class="actions">
+        <IconBtn icon="list" title="목록" @click="router.push(`/board/${category}`)" />
         <div class="right-actions">
-          <!-- 관리자 공지 설정/해제 (커뮤니티) -->
-          <button v-if="isAdmin && category === 'community' && !post.notice" type="button" class="notice-btn" @click="setNoticePost(true)">공지 등록</button>
-          <button v-if="isAdmin && category === 'community' && post.notice" type="button" class="notice-btn" @click="setNoticePost(false)">공지 해제</button>
           <!-- 관리자 제한/해제 -->
           <button v-if="isAdmin && !post.blocked" type="button" class="warn" @click="blockPost">열람 제한</button>
           <button v-if="isAdmin && post.blocked" type="button" class="warn" @click="unblockPost">제한 해제</button>
@@ -295,7 +284,7 @@ button.notice-btn {
 }
 .actions {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
   border-top: 1px solid var(--color-border);
   padding-top: 1rem;
 }
diff --git a/src/views/board/BoardListView.vue b/src/views/board/BoardListView.vue
index 3078767..17feeb8 100644
--- a/src/views/board/BoardListView.vue
+++ b/src/views/board/BoardListView.vue
@@ -128,8 +128,7 @@ onMounted(loadTags)
 
 <template>
   <section class="board">
-    <header class="board-head">
-      <h1>{{ boardTitle }}</h1>
+    <header class="board-head" style="justify-content: flex-end">
       <IconBtn icon="edit" title="글쓰기" variant="primary" @click="router.push(`/board/${category}/write`)" />
     </header>
 
diff --git a/src/views/board/BoardWriteView.vue b/src/views/board/BoardWriteView.vue
index 9c3e058..c639437 100644
--- a/src/views/board/BoardWriteView.vue
+++ b/src/views/board/BoardWriteView.vue
@@ -14,9 +14,9 @@ const auth = useAuthStore()
 const category = route.params.category || DEFAULT_BOARD
 const editId = route.params.id || null
 const isEdit = computed(() => !!editId)
-// 공지: 관리자가 커뮤니티 게시판에 새 글 작성할 때만 설정 가능
+// 공지: 관리자가 커뮤니티 게시판 글을 작성/수정할 때 체크박스로 설정
 const isAdmin = computed(() => auth.user?.role === 'ADMIN')
-const canNotice = computed(() => isAdmin.value && category === 'community' && !isEdit.value)
+const canNotice = computed(() => isAdmin.value && category === 'community')
 
 const title = ref('')
 const content = ref('')
@@ -49,6 +49,7 @@ async function loadForEdit() {
     const p = await boardApi.get(editId)
     title.value = p.title
     content.value = p.content
+    notice.value = !!p.notice
     // 게시글의 태그(이름) → 현재 태그 목록에서 id 매핑
     const nameToId = {}
     tagGroups.value.forEach((c) => c.tags.forEach((t) => (nameToId[t.name] = t.id)))
@@ -99,7 +100,6 @@ onMounted(async () => {
 
 <template>
   <section class="write">
-    <h1>{{ isEdit ? '글 수정' : '글쓰기' }}</h1>
 
     <form class="write-form" @submit.prevent="submit">
       <input v-model="title" type="text" placeholder="제목" maxlength="200" :disabled="loading" />
diff --git a/src/views/settings/AccountInfoView.vue b/src/views/settings/AccountInfoView.vue
index f08d657..5a1cc7f 100644
--- a/src/views/settings/AccountInfoView.vue
+++ b/src/views/settings/AccountInfoView.vue
@@ -25,7 +25,6 @@ function goEdit() {
 
 <template>
   <div class="account-info">
-    <h1 class="page-title">계정정보</h1>
 
     <section class="card">
       <div class="row">
diff --git a/src/views/settings/ProfileEditView.vue b/src/views/settings/ProfileEditView.vue
index 93b9dbe..14a75ee 100644
--- a/src/views/settings/ProfileEditView.vue
+++ b/src/views/settings/ProfileEditView.vue
@@ -93,14 +93,6 @@ function cancel() {
 
 <template>
   <div class="profile-edit">
-    <button type="button" class="back" @click="cancel">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M19 12H5" /><path d="M12 19l-7-7 7-7" />
-      </svg>
-      <span>계정정보</span>
-    </button>
-
-    <h1 class="page-title">가입정보 변경</h1>
 
     <!-- 1단계: 비밀번호 재인증 -->
     <form v-if="step === 'verify'" class="card form" @submit.prevent="verify">
diff --git a/src/views/settings/SettingsView.vue b/src/views/settings/SettingsView.vue
index cb64d11..8f356d7 100644
--- a/src/views/settings/SettingsView.vue
+++ b/src/views/settings/SettingsView.vue
@@ -42,7 +42,6 @@ async function clearAppData() {
 
 <template>
   <div class="settings">
-    <h1 class="page-title">설정</h1>
 
     <section class="card">
       <div class="row">