[Feat/#11] 공통 레이아웃(375x812) + Bottom Nav 뼈대 구현

package.json

@@ -16,7 +16,8 @@
     "@wanteddev/wds": "^3.12.0",
     "@wanteddev/wds-icon": "^3.12.0",
     "react": "^19.2.8",
-    "react-dom": "^19.2.8"
+    "react-dom": "^19.2.8",
+    "react-router-dom": "^7.18.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.5.11",

src/app/App.tsx

@@ -1,8 +1,17 @@
+import { Route, Routes } from "react-router-dom";
+
+import HomeScreen from "@/features/home/HomeScreen";
+import RentalListScreen from "@/features/rental/RentalListScreen";
+
+// 데스크톱에서 보기 좋게 아이폰 화면 크기로 가운데 정렬만 해준다.
 function App() {
   return (
-    <main className="flex min-h-screen items-center justify-center">
-      <h1 className="font-bold text-3xl">STREAM</h1>
-    </main>
+    <div className="flex min-h-screen items-center justify-center bg-[#e5e5e5] py-6">
+      <Routes>
+        <Route element={<HomeScreen />} path="/" />
+        <Route element={<RentalListScreen />} path="/rental" />
+      </Routes>
+    </div>
   );
 }