feat: auto sign in

#65

App.tsx

@@ -3,7 +3,6 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import React, { useEffect, useState } from 'react';
 import ReactNativeModule, { NativeModules } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import SplashScreen from 'react-native-splash-screen';
 
 import queryClient from '@/api/queryClient';
 import ConfirmModal from '@/entities/ConfirmModal';
@@ -26,12 +25,6 @@ FirebaseMessagingModule.eventsAddListener('messaging_message_received');
 export default function App() {
   const [isMockingEnabled, setMockingEnabled] = useState(false);
 
-  useEffect(() => {
-    setTimeout(() => {
-      SplashScreen.hide();
-    }, 300); //스플래시 활성화 시간
-  });
-
   useEffect(() => {
     const eventEmitter = new ReactNativeModule.NativeEventEmitter(
       FirebaseEventModule,

src/business/hooks/useInitApp.ts

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import SplashScreen from 'react-native-splash-screen';
+
+import { useGetUserInfo } from '@/store/queries/user';
+import useCredentialStore from '@/store/stores/credentialStore';
+import { getEncryptStorage } from '@/utils/encryptStorage';
+
+export default function useInitApp() {
+  const { setToken } = useCredentialStore();
+  const { data: userInfo, refetch: refetchUserInfo } = useGetUserInfo();
+
+  useEffect(() => {
+    (async () => {
+      const credentials = await getEncryptStorage('credential_token');
+
+      if (credentials) {
+        setToken(credentials);
+        refetchUserInfo();
+      }
+
+      setTimeout(() => {
+        SplashScreen.hide();
+      }, 100);
+    })();
+  }, [setToken, refetchUserInfo]);
+
+  return { isAuthroized: !!userInfo };
+}

src/navigations/RootNavigator.tsx

@@ -2,17 +2,18 @@ import React from 'react';
 
 import DefaultTabNavigator from './DefaultTabNavigator';
 
+import useInitApp from '@/business/hooks/useInitApp';
 import AuthStackNavigator from '@/navigations/stack/AuthStackNavigator';
 import ErrorScreen from '@/screen/ErrorScreen';
-import { useAuthStore, useErrorStore } from '@/store/stores';
+import { useErrorStore } from '@/store/stores';
 
 export default function RootNavigator() {
-  const { isLogin } = useAuthStore();
+  const { isAuthroized } = useInitApp();
   const { errorType } = useErrorStore();
 
   if (errorType) {
     return <ErrorScreen type={400} />;
   }
 
-  return <>{isLogin ? <DefaultTabNavigator /> : <AuthStackNavigator />}</>;
+  return <>{isAuthroized ? <DefaultTabNavigator /> : <AuthStackNavigator />}</>;
 }

src/store/queries/user/useUserInfoQuery.ts

@@ -1,15 +1,18 @@
 import { useQuery } from '@tanstack/react-query';
 
 import { getMy } from '@/api/my';
+import useCredentialStore from '@/store/stores/credentialStore';
 
 export const userQueryKeys = {
   my: () => ['user_my'],
 };
 
 export function useGetUserInfo() {
+  const { accessToken, refreshToken } = useCredentialStore();
   return useQuery({
     queryKey: userQueryKeys.my(),
     queryFn: () => getMy(),
     staleTime: 1000 * 60 * 60 * 24,
+    enabled: !!accessToken && !!refreshToken,
   });
 }