[Refactor][온보딩] onboarding image 변경

App.tsx

@@ -21,13 +21,11 @@ import { Provider as PaperProvider } from 'react-native-paper';
 import OnboardingIntroHeaderButton from './src/components/buttons/OnboardingIntroHeaderButton';
 import { RootScreen } from './src/navigation';
 import ChallengeSubjectCreationScreen from './src/screens/challenge/ChallengeSubjectCreationScreen';
-import ServiceIntroOneScreen from './src/screens/onboarding/ServiceIntroOneScreen';
-import ServiceIntroTwoScreen from './src/screens/onboarding/ServiceIntroTwoScreen';
+import ServiceIntroScreen from './src/screens/onboarding/ServiceIntroScreen';
 import TempSheetScreen from './src/screens/upload/TempSheetScreen';
 import UploadScreen from './src/screens/upload/UploadScreen';
 import DetailedPostScreen from './src/screens/detailedPost/DetailedPostScreen';
 import light from './src/theme/light';
-import ServiceIntroThreeScreen from './src/screens/onboarding/ServiceIntroThreeScreen';
 import InsightSampleScreen from './src/screens/onboarding/InsightSampleScreen';
 import Tabs from './src/screens/Main/Tabs';
 import ChallengeParticipationScreen from './src/screens/Main/challenge/ChallengeParticipationScreen';
@@ -303,8 +301,8 @@ export default function App() {
                         options={headerOptions}
                       />
                       <Stack.Screen
-                        name="ServiceIntroOne"
-                        component={ServiceIntroOneScreen}
+                        name="ServiceIntro"
+                        component={ServiceIntroScreen}
                         options={{
                           headerTransparent: true,
                           headerTitle: '',
@@ -315,31 +313,6 @@ export default function App() {
                           },
                         }}
                       />
-                      <Stack.Screen
-                        name="ServiceIntroTwo"
-                        component={ServiceIntroTwoScreen}
-                        options={{
-                          headerTransparent: true,
-                          headerTitle: '',
-                          headerLeft: () => <View></View>,
-                          headerRight: () => <OnboardingIntroHeaderButton />,
-                          headerStyle: {
-                            backgroundColor: 'transparent',
-                          },
-                        }}
-                      />
-                      <Stack.Screen
-                        name="ServiceIntroThree"
-                        component={ServiceIntroThreeScreen}
-                        options={{
-                          headerTransparent: true,
-                          headerTitle: '',
-                          headerLeft: () => <View></View>,
-                          headerStyle: {
-                            backgroundColor: 'transparent',
-                          },
-                        }}
-                      />
                       <Stack.Screen
                         name="InsightSample"
                         options={{ ...headerOptions, headerStyle: { backgroundColor: '#F8F8F4' } }}

src/components/buttons/OnboardingIntroHeaderButton.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
+import { navigate } from '../../utils/hooks/navigaton/navigator';
 import HeaderRightButton from '../header/HeaderRightButton';
 
 const OnboardingIntroHeaderButton = () => {
   function handlePress() {
-    alert('시작하기');
+    navigate('Feed', {});
   }
   return (
     <HeaderRightButton

src/navigation/index.tsx

@@ -192,6 +192,17 @@ export function RootScreen() {
             <Text> ChallengeParticipationScreen.tsx</Text>
           </View>
         </Pressable>
+        <Pressable onPress={() => navigation.navigate('ServiceIntro')}>
+          <View
+            style={{
+              backgroundColor: 'brown',
+              height: 100,
+              width: 150,
+            }}
+          >
+            <Text> onboarding.tsx</Text>
+          </View>
+        </Pressable>
       </ScrollView>
     </ScrollView>
   );