develop <- native

.npmrc

@@ -1,2 +1,4 @@
 @team-ppointer:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
+//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
+
+node-linker=hoisted

apps/admin/src/routes/_GNBLayout/qna/index.tsx

@@ -458,7 +458,7 @@ const MessageBubble = ({
         );
       case 'text':
       default:
-        return <p className='text-sm whitespace-pre-wrap text-gray-900'>{content}</p>;
+        return <p className='text-sm break-all text-gray-900'>{content}</p>;
     }
   };
 
@@ -502,7 +502,7 @@ const MessageBubble = ({
       )}
 
       {/* Message Content */}
-      <div className={`max-w-[70%] ${!isMe ? 'flex flex-col' : ''}`}>
+      <div className={`max-w-[60%] ${!isMe ? 'flex flex-col' : ''}`}>
         {!isMe && showProfile && senderName && (
           <p className='mb-1 text-xs font-medium text-gray-600'>{senderName}</p>
         )}

apps/native/.gitignore

@@ -44,3 +44,7 @@ app-example
 # generated native folders
 /ios
 /android
+
+# Firebase Google Services
+google-services.json
+GoogleService-Info.plist

apps/native/App.tsx

@@ -1,5 +1,5 @@
 import 'react-native-gesture-handler';
-import React from 'react';
+import React, { useState } from 'react';
 import { NavigationContainer, DefaultTheme, Theme } from '@react-navigation/native';
 import { StatusBar } from 'expo-status-bar';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
@@ -8,11 +8,17 @@ import RootNavigator from '@navigation/RootNavigator';
 import { colors } from '@theme/tokens';
 import '@/app/providers/global.css';
 import '@/app/providers/api';
-import { LoadingScreen } from '@components/common';
-import { useLoadAssets } from '@hooks';
+import { CustomSplashScreen } from '@/features/splash/screens/SplashScreen';
+import { useLoadAssets, useDeepLinkHandler } from '@hooks';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { Text, TextInput } from 'react-native';
 import Toast from 'react-native-toast-message';
 import { toastConfig } from '@/features/student/scrap/components/Notification/Toast';
+import { env } from '@utils';
+import { initializeKakaoSDK } from '@react-native-kakao/core';
+import { navigationRef } from '@/services/navigation';
+
+initializeKakaoSDK(env.kakaoNativeAppKey);
 
 const queryClient = new QueryClient();
 
@@ -25,31 +31,39 @@ const navigationTheme: Theme = {
   },
 };
 
-const linking = {
-  prefixes: ['pointer://', 'http://localhost:3000'],
-  config: {
-    screens: {
-      AuthCallback: 'auth/callback',
-    },
-  },
-};
+if ((Text as any).defaultProps == null) (Text as any).defaultProps = {};
+(Text as any).defaultProps.allowFontScaling = false;
+(Text as any).defaultProps.style = [{ fontFamily: 'Pretendard' }];
+
+if ((TextInput as any).defaultProps == null) (TextInput as any).defaultProps = {};
+(TextInput as any).defaultProps.allowFontScaling = false;
+(TextInput as any).defaultProps.style = [{ fontFamily: 'Pretendard' }];
 
 export default function App() {
-  const { loading } = useLoadAssets();
+  const { isReady } = useLoadAssets();
+  const [isSplashAnimationFinished, setIsSplashAnimationFinished] = useState(false);
 
-  if (loading) {
-    return <LoadingScreen />;
-  }
+  // FCM 푸시 알림 딥링크 핸들러
+  useDeepLinkHandler();
 
   return (
     <QueryClientProvider client={queryClient}>
       <GestureHandlerRootView style={{ flex: 1 }}>
         <SafeAreaProvider>
-          <NavigationContainer theme={navigationTheme} linking={linking}>
-            <StatusBar style='dark' />
-            <RootNavigator />
-            <Toast config={toastConfig} style={{ zIndex: 9999 }} />
-          </NavigationContainer>
+          {isReady && (
+            <NavigationContainer ref={navigationRef} theme={navigationTheme}>
+              <StatusBar style='dark' />
+              <RootNavigator />
+              <Toast config={toastConfig} />
+            </NavigationContainer>
+          )}
+
+          {!isSplashAnimationFinished && (
+            <CustomSplashScreen
+              isAppReady={isReady}
+              onAnimationFinish={() => setIsSplashAnimationFinished(true)}
+            />
+          )}
         </SafeAreaProvider>
       </GestureHandlerRootView>
     </QueryClientProvider>

apps/native/app.config.ts

@@ -1,6 +1,55 @@
 import type { ExpoConfig } from 'expo/config';
+import { withDangerousMod, type ConfigPlugin } from 'expo/config-plugins';
+import * as fs from 'fs';
+import * as path from 'path';
 import 'dotenv/config';
 
+/**
+ * Custom Expo Config Plugin to enforce modular headers for Firebase dependencies.
+ * This fixes the "Module 'FirebaseCore' not found" error by ensuring critical Firebase pods
+ * use modular headers, allowing Swift/Obj-C interop without global useFrameworks: 'static'.
+ */
+const withFirebaseModularHeaders: ConfigPlugin = (config) => {
+  return withDangerousMod(config, [
+    'ios',
+    async (config) => {
+      const podfilePath = path.join(config.modRequest.platformProjectRoot, 'Podfile');
+
+      if (!fs.existsSync(podfilePath)) {
+        return config;
+      }
+
+      let podfileContent = await fs.promises.readFile(podfilePath, 'utf-8');
+
+      // Force modular headers for key Firebase pods
+      // We inject this just before `use_react_native!` to ensure it overrides or sits alongside Expo's definitions
+      const modularHeadersPatch = `
+  pod 'FirebaseCore', :modular_headers => true
+  pod 'FirebaseMessaging', :modular_headers => true
+  pod 'GoogleUtilities', :modular_headers => true
+`;
+
+      if (!podfileContent.includes("pod 'FirebaseCore', :modular_headers => true")) {
+        podfileContent = podfileContent.replace(
+          /use_react_native!/g,
+          `${modularHeadersPatch}\n  use_react_native!`
+        );
+      }
+
+      await fs.promises.writeFile(podfilePath, podfileContent);
+      return config;
+    },
+  ]);
+};
+
+const androidGoogleServicesFile =
+  process.env.ANDROID_GOOGLE_SERVICES_JSON || './google-services.json';
+
+const iosGoogleServicesFile = process.env.IOS_GOOGLE_SERVICES_PLIST || './GoogleService-Info.plist';
+
+const isDev =
+  process.env.APP_VARIANT === 'development' || process.env.EAS_BUILD_PROFILE === 'development';
+
 const config: ExpoConfig = {
   name: 'Pointer',
   slug: 'pointer',
@@ -13,9 +62,16 @@ const config: ExpoConfig = {
   ios: {
     bundleIdentifier: 'com.math-pointer.pointer',
     supportsTablet: true,
+    usesAppleSignIn: true,
+    infoPlist: {
+      ITSAppUsesNonExemptEncryption: false,
+      UIBackgroundModes: ['remote-notification'],
+    },
+    googleServicesFile: iosGoogleServicesFile,
+    icon: './assets/ios-pointer.icon',
   },
   android: {
-    package: 'com.math-pointer.pointer',
+    package: 'com.math_pointer.pointer',
     adaptiveIcon: {
       backgroundColor: '#E6F4FE',
       foregroundImage: './assets/images/android-icon-foreground.png',
@@ -24,11 +80,23 @@ const config: ExpoConfig = {
     },
     edgeToEdgeEnabled: true,
     predictiveBackGestureEnabled: false,
+    googleServicesFile: androidGoogleServicesFile,
   },
   web: {
     bundler: 'metro',
   },
   plugins: [
+    [
+      'expo-build-properties',
+      {
+        ios: {
+          deploymentTarget: '15.1',
+        },
+        android: {
+          extraMavenRepos: ['https://devrepo.kakao.com/nexus/content/groups/public/'],
+        },
+      },
+    ],
     [
       'expo-splash-screen',
       {
@@ -41,16 +109,43 @@ const config: ExpoConfig = {
         },
       },
     ],
+    [
+      '@react-native-google-signin/google-signin',
+      {
+        iosUrlScheme: 'com.googleusercontent.apps.743865706187-4aj7gacd57ucldfarm5ton9ko9tm044l',
+      },
+    ],
+    [
+      '@react-native-kakao/core',
+      {
+        nativeAppKey: process.env.KAKAO_NATIVE_APP_KEY,
+        android: {
+          authCodeHandlerActivity: true,
+        },
+        ios: {
+          handleKakaoOpenUrl: true,
+        },
+      },
+    ],
+    ['expo-apple-authentication'],
+    'expo-notifications',
+    '@react-native-firebase/app',
   ],
   extra: {
     apiBaseUrl: process.env.NATIVE_API_BASE_URL,
     authRedirectUri: process.env.NATIVE_AUTH_REDIRECT_URI,
     devAccessToken: process.env.NATIVE_DEV_ACCESS_TOKEN,
     devRefreshToken: process.env.NATIVE_DEV_REFRESH_TOKEN,
+    googleWebClientId: process.env.GOOGLE_WEB_CLIENT_ID,
+    googleIosClientId: process.env.GOOGLE_IOS_CLIENT_ID,
+    kakaoNativeAppKey: process.env.KAKAO_NATIVE_APP_KEY,
+    eas: {
+      projectId: '76a68921-8c65-4e50-98b0-fb5ef457ab7e',
+    },
   },
   experiments: {
     reactCompiler: true,
   },
 };
 
-export default config;
+export default withFirebaseModularHeaders(config);

apps/native/assets/ios-pointer.icon/icon.json

@@ -0,0 +1,40 @@
+{
+  "fill" : {
+    "automatic-gradient" : "display-p3:0.32157,0.41961,0.91765,1.00000"
+  },
+  "groups" : [
+    {
+      "layers" : [
+        {
+          "image-name" : "outer.svg",
+          "name" : "outer"
+        },
+        {
+          "image-name" : "inner.svg",
+          "name" : "inner"
+        }
+      ],
+      "position" : {
+        "scale" : 1.3,
+        "translation-in-points" : [
+          15,
+          0
+        ]
+      },
+      "shadow" : {
+        "kind" : "neutral",
+        "opacity" : 0.5
+      },
+      "translucency" : {
+        "enabled" : true,
+        "value" : 0.5
+      }
+    }
+  ],
+  "supported-platforms" : {
+    "circles" : [
+      "watchOS"
+    ],
+    "squares" : "shared"
+  }
+}