diff --git a/frontend/src/Search.css b/frontend/src/Search.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/Search.js b/frontend/src/Search.js
index 432bc475ede3885874964675e85e8bb56927ac5d..634b5b5520c5e68c9091f539e1becbf51f1e6e6e 100644
--- a/frontend/src/Search.js
+++ b/frontend/src/Search.js
@@ -1,8 +1,36 @@
+import React, {useState} from "react";
+
+function SearchMap(props){
+    // 아주대학교를 기본 위치로 설정
+    const [state, setState] = useState({
+        center: { lat: 37.28238488648025, lng: 127.04350967609274 },
+        isPanto: true,
+    });
+    const [searchAddress, SetSearchAddress] = useState(); //주소
+
+    const handleInput = (e) => {
+        SetSearchAddress(e.target.value)
+      }
+    const SearchStart = () => {
+        console.log('Start Search!');
+    }
+    
+
+    return (
+        <div className="UserInput">
+            {/* 주소를 입력할 수 있는 '검색'창 만들기 */}
+            <input onChange={handleInput}/>
+            <button onClick={SearchStart}>검색!</button>
+        </div>
+    )
+    
+}
 
 function Search(props) {
     return (
 		<div className="search">
 			<h1>검색페이지입니다.</h1>
+            <SearchMap/>
 			<div className="map">
 				맵이 나타날 그림
 			</div>