Feature : 기존 웹 라우팅 > 앱 스택 라우팅 방식으로 구현

.eslintrc.js

@@ -1,4 +1,14 @@
 module.exports = {
   root: true,
   extends: '@react-native',
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'react-native/no-inline-styles': 0,
+    'prettier/prettier': [
+      'error',
+      {
+        'no-inline-styles': false,
+      },
+    ],
+  },
 };

.vscode/settings.json

@@ -1,3 +1,5 @@
 {
-  "java.configuration.updateBuildConfiguration": "automatic"
+  "java.configuration.updateBuildConfiguration": "automatic",
+  "java.compile.nullAnalysis.mode": "automatic",
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

App.tsx

@@ -0,0 +1,20 @@
+import MainNavigator from './src/components/MainNavigator';
+import React from 'react';
+import {StatusBar, View} from 'react-native';
+
+export default function App() {
+  return (
+    <>
+      <StatusBar
+        animated={false}
+        backgroundColor="white"
+        translucent={false}
+        hidden={false}
+        barStyle="dark-content"
+      />
+      <View style={{flex: 1, backgroundColor: 'white'}}>
+        <MainNavigator />
+      </View>
+    </>
+  );
+}