[fix] 쿠키 방식에서 js 이벤트 방식으로 변경

.github/workflows/ios_build.yml

@@ -11,6 +11,7 @@ on:
           - development
           - preview
           - production
+          - stage
 jobs:
   build:
     runs-on: macos-26

app/_layout.tsx

@@ -4,7 +4,6 @@ import { AppState } from 'react-native';
 import { getForceUpdate, appVersion, versionToNumber } from '../services/forceupdate';
 import * as Notifications from 'expo-notifications';
 import { registerForPushNotificationsAsync, shouldRecheckPermission } from '../services/notifications';
-import CookieManager from '@react-native-cookies/cookies';
 import { storePushToken } from '../utils/pushTokenStore';
 
 Notifications.setNotificationHandler({
@@ -16,14 +15,6 @@ Notifications.setNotificationHandler({
   }),
 });
 
-function addTokenToCookie(token: string) {
-  CookieManager.set('https://agit.gg', {
-    name: 'EXPO_PUSH_TOKEN',
-    value: token,
-    domain: '.agit.gg',
-    path: '/',
-  });
-}
 
 export default function RootLayout() {
   const { replace } = useRouter();
@@ -34,11 +25,19 @@ export default function RootLayout() {
   }, []);
 
   useEffect(() => {
+    let tokenObtained = false;
+    // 권한 거부로 토큰 취득 불가한 경우 (네트워크 오류와 구분)
+    // registerForPushNotificationsAsync가 undefined를 반환하면 권한 거부
+    let permissionDenied = false;
+
     const handleToken = (token?: string) => {
       if (token) {
-        addTokenToCookie(token);
+        tokenObtained = true;
+        permissionDenied = false;
         storePushToken(token);
         console.log('Expo Push Token:', token);
+      } else {
+        permissionDenied = true;
       }
     };
 
@@ -47,7 +46,11 @@ export default function RootLayout() {
       .catch((error: any) => console.error(error));
 
     const subscription = AppState.addEventListener('change', (nextAppState) => {
-      if (nextAppState === 'active' && shouldRecheckPermission()) {
+      const fromSettings = shouldRecheckPermission();
+      // 설정에서 돌아온 경우: 항상 재시도
+      // 권한 거부가 아닌데 토큰이 없는 경우(네트워크 오류 등): 재시도
+      // 권한 거부 상태에서 그냥 포그라운드 복귀: 재시도 안 함 (alert 무한 반복 방지)
+      if (nextAppState === 'active' && (fromSettings || (!tokenObtained && !permissionDenied))) {
         registerForPushNotificationsAsync()
           .then(handleToken)
           .catch((error: any) => console.error(error));

app/webview/[path].tsx

@@ -1,4 +1,4 @@
-import { useRef, useEffect, useCallback } from 'react';
+import { useRef, useEffect, useCallback, useState } from 'react';
 import {
   BackHandler,
   Platform,
@@ -16,9 +16,14 @@ import CookieManager from '@react-native-cookies/cookies';
 import { generateUserAgent } from '../../utils/userAgent';
 import { ShouldStartLoadRequest } from 'react-native-webview/lib/WebViewTypes';
 import { webUrl } from '../../constants/constants';
-import { onPushToken } from '../../utils/pushTokenStore';
+import { onPushToken, getStoredToken } from '../../utils/pushTokenStore';
 
 const ALLOWED_URL_SCHEMES = ['kakaotalk', 'nidlogin'];
+
+function buildPushTokenScript(token: string): string {
+  const safeToken = JSON.stringify(token);
+  return `(function(){window.dispatchEvent(new MessageEvent('message',{data:JSON.stringify({type:'PUSH_TOKEN',token:${safeToken}})}));}());true;`;
+}
 const userAgent = generateUserAgent();
 
 const handleOnShouldStartLoadWithRequest = ({ url }: ShouldStartLoadRequest) => {
@@ -43,36 +48,27 @@ export default function Index() {
   const webViewRef = useRef<WebView>(null);
   const canGoBackRef = useRef(false);
   const pageLoadedRef = useRef(false);
-  const pendingTokenRef = useRef<string | null>(null);
+  const [pushToken, setPushToken] = useState<string | null>(getStoredToken);
   const local = useLocalSearchParams();
 
+  useEffect(() => {
+    return onPushToken(setPushToken);
+  }, []);
+
   const injectPushToken = useCallback((token: string) => {
-    const safeToken = JSON.stringify(token);
-    webViewRef.current?.injectJavaScript(`
-      window.dispatchEvent(new MessageEvent('message', {
-        data: JSON.stringify({ type: 'PUSH_TOKEN', token: ${safeToken} })
-      }));
-      true;
-    `);
+    webViewRef.current?.injectJavaScript(buildPushTokenScript(token));
   }, []);
 
+  // 페이지 로드 후 토큰이 도착한 경우 직접 주입
   useEffect(() => {
-    return onPushToken((token) => {
-      if (pageLoadedRef.current) {
-        injectPushToken(token);
-      } else {
-        pendingTokenRef.current = token;
-      }
-    });
-  }, [injectPushToken]);
+    if (pushToken && pageLoadedRef.current) {
+      injectPushToken(pushToken);
+    }
+  }, [pushToken, injectPushToken]);
 
   const handleLoadEnd = useCallback(() => {
     pageLoadedRef.current = true;
-    if (pendingTokenRef.current) {
-      injectPushToken(pendingTokenRef.current);
-      pendingTokenRef.current = null;
-    }
-  }, [injectPushToken]);
+  }, []);
 
   useEffect(() => {
     if (Platform.OS === 'android') {
@@ -122,6 +118,7 @@ export default function Index() {
         originWhitelist={['*']}
         startInLoadingState
         onLoadEnd={handleLoadEnd}
+        injectedJavaScript={pushToken ? buildPushTokenScript(pushToken) : undefined}
       />
     </SafeAreaView>
   );

eas.json

@@ -13,6 +13,15 @@
         "resourceClass": "m-medium"
       }
     },
+    "stage": {
+      "distribution": "store",
+      "env": {
+        "EXPO_PUBLIC_APP_ENV": "development"
+      },
+      "ios": {
+        "resourceClass": "m-medium"
+      }
+    },
     "preview": {
       "distribution": "internal",
       "android": {

utils/pushTokenStore.ts

@@ -7,6 +7,8 @@ export const storePushToken = (token: string) => {
   _callbacks.length = 0;
 };
 
+export const getStoredToken = (): string | null => _token;
+
 export const onPushToken = (cb: (token: string) => void): (() => void) => {
   if (_token) {
     cb(_token);