fix: 딥링크 로직 재수정

Author: sikkzz

apps/tuk-web/src/shared/components/AppInstallBanner.tsx

@@ -67,45 +67,66 @@ function useDeepLink() {
   const timerRef = useRef<number | null>(null);
 
   return useCallback((schemeUrl: string) => {
-    const clear = () => {
+    const ua = navigator.userAgent || '';
+    const isIOS = /iPhone|iPad|iPod/i.test(ua);
+    const storeUrl = IOS_STORE_URL; // 안드용은 아래 else 브랜치에서 처리
+
+    // 공통 이벤트/타이머 정리
+    const clearAll = () => {
       if (timerRef.current) {
         window.clearTimeout(timerRef.current);
         timerRef.current = null;
       }
-      document.removeEventListener('visibilitychange', onVisChange);
-      window.removeEventListener('pagehide', onPageHide);
+      document.removeEventListener('visibilitychange', onVis);
+      window.removeEventListener('pagehide', onHide);
       window.removeEventListener('blur', onBlur);
     };
-
-    const onVisChange = () => {
-      if (document.hidden) clear();
-    };
-    const onPageHide = () => clear();
-    const onBlur = () => clear();
-
-    const ua = navigator.userAgent || '';
-    const isIOS = /iPhone|iPad|iPod/i.test(ua);
-    const storeUrl = isIOS ? IOS_STORE_URL : ANDROID_STORE_URL;
-
-    clear(); // 혹시 이전 타이머 남아있으면 초기화
-
-    document.addEventListener('visibilitychange', onVisChange);
-    window.addEventListener('pagehide', onPageHide);
+    const onVis = () => document.hidden && clearAll();
+    const onHide = () => clearAll();
+    const onBlur = () => clearAll();
+
+    // iOS: 새 창 핸들 준비(동일 클릭 제스처 내)
+    // 앱이 뜨면 이 창은 사용자가 돌아오지 않으므로 타이머에서만 사용.
+    let storeWin: Window | null = null;
+    if (isIOS) {
+      storeWin = window.open('', '_blank'); // 팝업 차단 회피(사용자 제스처 내에서만 허용)
+    }
+
+    clearAll();
+    document.addEventListener('visibilitychange', onVis);
+    window.addEventListener('pagehide', onHide);
     window.addEventListener('blur', onBlur);
 
     const start = Date.now();
 
-    window.location.href = schemeUrl;
-
-    const fallbackDelay = isIOS ? 1200 : 800;
-
-    timerRef.current = window.setTimeout(() => {
-      const elapsed = Date.now() - start;
-      if (elapsed < 2500) {
-        window.location.replace(storeUrl);
-      }
-      clear();
-    }, fallbackDelay);
+    if (isIOS) {
+      // 1) 커스텀 스킴 시도 (앱 설치되어 있으면 전환, 아니면 iOS가 경고를 띄울 수 있음)
+      window.location.href = schemeUrl;
+
+      // 2) 일정 시간 내 전환 없으면 스토어로 폴백(열어둔 탭/창으로 이동)
+      timerRef.current = window.setTimeout(() => {
+        const elapsed = Date.now() - start;
+        if (elapsed < 2500) {
+          if (storeWin) {
+            // App Store 직접 열기(인터스티셜 없이): itms-apps://
+            storeWin.location.href = 'itms-apps://itunes.apple.com/app/id6749781762';
+          } else {
+            window.location.replace(storeUrl);
+          }
+        }
+        clearAll();
+      }, 1200);
+    } else {
+      // Android/기타: 기존 로직 유지 (경고 이슈 거의 없음)
+      window.location.href = schemeUrl;
+      timerRef.current = window.setTimeout(() => {
+        const elapsed = Date.now() - start;
+        if (elapsed < 2500) {
+          window.location.replace(ANDROID_STORE_URL);
+        }
+        clearAll();
+      }, 800);
+    }
   }, []);
 }