Fix: Fix add header position

src/components/AppHeader.vue

@@ -1,14 +1,13 @@
 <script setup>
 import { RouterLink } from 'vue-router';
-import { useMemberStore } from "@/stores/memberStore";
-import { storeToRefs } from "pinia";
+import { useMemberStore } from '@/stores/memberStore';
+import { storeToRefs } from 'pinia';
 
 const memberStore = useMemberStore();
 
-
 const { userLogout } = memberStore;
 const { isLogin } = storeToRefs(memberStore);
-console.log("AppHeader.isLogin",isLogin.value)
+console.log('AppHeader.isLogin', isLogin.value);
 
 const logout = () => {
   userLogout();
@@ -26,20 +25,12 @@ const logout = () => {
         <div class="item"><RouterLink :to="{ name: 'board' }">게시판</RouterLink></div>
 
         <template v-if="isLogin">
-          <router-link :to="{name: 'user-mypage'}">
-            내 정보
-          </router-link>
-          <router-link to="/"  @click.prevent="logout">
-            로그아웃
-          </router-link>
+          <router-link :to="{ name: 'user-mypage' }"> 내 정보 </router-link>
+          <router-link to="/" @click.prevent="logout"> 로그아웃 </router-link>
         </template>
         <template v-else>
-          <router-link :to="{name: 'user-login'}">
-            로그인
-          </router-link>
-          <router-link :to="{name: 'user-mypage'}">
-            회원가입
-          </router-link>
+          <router-link :to="{ name: 'user-login' }"> 로그인 </router-link>
+          <router-link :to="{ name: 'user-mypage' }"> 회원가입 </router-link>
         </template>
       </div>
     </nav>
@@ -48,7 +39,7 @@ const logout = () => {
 
 <style scoped>
 header {
-  position: sticky;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;

src/views/BoardView.vue

@@ -14,6 +14,6 @@ import AppHeader from '@/components/AppHeader.vue';
 main {
   max-width: 960px;
   padding: 20px;
-  margin: 0 auto;
+  margin: 80px auto 0;
 }
 </style>

src/views/HomeView.vue

@@ -53,6 +53,9 @@ import { RouterLink } from 'vue-router';
 </template>
 
 <style scoped>
+main {
+  margin: 80px auto 0;
+}
 section {
   display: flex;
   align-items: center;

src/views/SearchView.vue

@@ -22,6 +22,7 @@ import SideBar from '@/components/search/SideBar.vue';
   position: relative;
   width: 100%;
   height: calc(100% - 80px);
+  margin: 80px 0 auto;
 }
 
 main {