카카오 API 연동

frontend/src/Search.js

+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>