From 3e1f89d90fd042d950315e5199eb4f9b4bfcb3c0 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 21 Jul 2026 11:47:39 +0900
Subject: [PATCH] =?UTF-8?q?[common/components]=20chore:=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EC=97=B0=EC=9E=A5=20=EC=BD=98=EC=86=94=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80(=EC=9E=84=EC=8B=9C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/src/lib/use-session-extend-confirm.ts | 12 +++++++++++-
 packages/common/components/src/ui/header/index.tsx   |  6 +++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/common/components/src/lib/use-session-extend-confirm.ts b/packages/common/components/src/lib/use-session-extend-confirm.ts
index 30c08584a..35e210e34 100644
--- a/packages/common/components/src/lib/use-session-extend-confirm.ts
+++ b/packages/common/components/src/lib/use-session-extend-confirm.ts
@@ -15,6 +15,14 @@ interface UseSessionExtendConfirmOptions {
 
 const DEFAULT_MESSAGE = "로그인을 연장하시겠습니까?";
 
+function formatRemainingMs(remainingMs: number): string {
+  const totalSeconds = Math.floor(remainingMs / 1000);
+  const minutes = Math.floor((totalSeconds % 3600) / 60);
+  const seconds = totalSeconds % 60;
+
+  return `${minutes}분 ${seconds}초`;
+}
+
 function useSessionExtendConfirm({
   enabled,
   getAccessToken,
@@ -71,8 +79,10 @@ function useSessionExtendConfirm({
       void showConfirm();
       return;
     }
-
     confirmTimerRef.current = setTimeout(() => {
+      console.log(
+        `>>>>>>>>>>>>>>>>>>>> ${formatRemainingMs(confirmMs)} 후 로그인 연장 팝업 표시 <<<<<<<<<<<<<<<<<<<<`,
+      );
       void showConfirm();
     }, confirmMs);
   }, [message, confirm, getAccessToken, silentRefresh, declineSessionExtend]);
diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index 7d01f09f0..457e7d819 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -117,7 +117,7 @@ function useTokenRemainingMs(enabled: boolean): number {
 
     const update = () => {
       const token = getCookie(appConfig.CLAIM_NAME ?? "");
-      setRemainingMs(token ? getRemainingMs(token) : 0);
+      setRemainingMs(token ? getRemainingMs(token, 0) : 0);
     };
 
     update();
@@ -145,6 +145,10 @@ export function Header({
   const remainingMs = useTokenRemainingMs(mounted && isLoggedIn && !viewOnly);
   const siteId = getCookie("site-id-key") ?? "";
 
+  console.log(
+    `/********************* 로그인 만료까지: ${formatRemainingMs(remainingMs)} *********************/`,
+  );
+
   useSessionExtendConfirm({
     enabled:
       mounted &&