diff --git a/frontend/src/App.js b/frontend/src/App.js
index 75f4ca4becd0a4695e4a1f93f33066ab7feace16..6315fab6001191c58ea66a8031a50b06734369fb 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -2,6 +2,7 @@ import "./App.css";
 import {Routes, Route } from 'react-router-dom';
 import Header from "./Header.js";
 import Main from "./Main.js";
+import Search from "./Search.js";
 import GoogleLoginButton from "./GoogleLoginButton.js";
 
 function App() {
@@ -10,7 +11,7 @@ function App() {
       <Header/>
       <Routes>
         <Route path="/" element={<Main/>}></Route>
-        <Route path="/search" element={<h1>검색</h1>}></Route>
+        <Route path="/search" element={<Search/>}></Route>
     {/* <Route path="/postwrite" element={<PostWrite/>}></Route> */}
       </Routes>
       <GoogleLoginButton/>
diff --git a/frontend/src/Search.js b/frontend/src/Search.js
new file mode 100644
index 0000000000000000000000000000000000000000..432bc475ede3885874964675e85e8bb56927ac5d
--- /dev/null
+++ b/frontend/src/Search.js
@@ -0,0 +1,13 @@
+
+function Search(props) {
+    return (
+		<div className="search">
+			<h1>검색페이지입니다.</h1>
+			<div className="map">
+				맵이 나타날 그림
+			</div>
+		</div>
+    );
+}
+
+export default Search;
\ No newline at end of file