diff --git a/hwe/ts/PageFront.vue b/hwe/ts/PageFront.vue
index 690ea564..13c1b782 100644
--- a/hwe/ts/PageFront.vue
+++ b/hwe/ts/PageFront.vue
@@ -94,7 +94,7 @@
                     </button>
                   </div>
                   <div class="col-5 d-grid">
-                    <button type="button" class="btn btn-sammo-base2 refreshPage">갱 신</button>
+                    <button type="button" class="btn btn-sammo-base2" @click="tryRefresh">갱 신</button>
                   </div>
                   <div class="col-4 d-grid">
                     <button type="button" class="btn btn-sammo-base2" @click="moveLobby">로비로</button>
@@ -160,6 +160,7 @@
       id="mobileBottomBar"
       :frontInfo="frontInfo"
       :globalMenu="globalMenu"
+      @refresh="tryRefresh"
     />
   </div>
 </template>
diff --git a/hwe/ts/components/GameBottomBar.vue b/hwe/ts/components/GameBottomBar.vue
index d9fe0c15..3e8f084c 100644
--- a/hwe/ts/components/GameBottomBar.vue
+++ b/hwe/ts/components/GameBottomBar.vue
@@ -100,7 +100,7 @@
           </ul>
         </li>
         <li class="nav-item">
-          <a class="refreshPage btn btn-sammo-base2 text-white" role="button">갱신</a>
+          <a class="refreshPage btn btn-sammo-base2 text-white" role="button" @click="emit('refresh')">갱신</a>
         </li>
       </ul>
     </div>
@@ -121,6 +121,10 @@ const props = defineProps<{
   globalMenu: GetMenuResponse["menu"];
 }>();
 
+const emit = defineEmits<{
+  (event: "refresh"): void;
+}>();
+
 const { frontInfo, globalMenu } = toRefs(props);
 
 const globalInfo = ref(frontInfo.value.global);