From d551b4595e4452be577a63b9ad678155148971f6 Mon Sep 17 00:00:00 2001
From: LEE <dlwodyd4529@gmail.com>
Date: Wed, 22 Nov 2023 22:23:39 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=B4=EC=B9=B4=EC=98=A4=20API=20=EC=97=B0?=
=?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
frontend/src/Search.css | 0
frontend/src/Search.js | 28 ++++++++++++++++++++++++++++
2 files changed, 28 insertions(+)
create mode 100644 frontend/src/Search.css
diff --git a/frontend/src/Search.css b/frontend/src/Search.css
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/Search.js b/frontend/src/Search.js
index 432bc475..634b5b55 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>
--
GitLab