From ede26c7b7f1916cdfd72cf6f83560babbd6247b9 Mon Sep 17 00:00:00 2001
From: LEE <dlwodyd4529@gmail.com>
Date: Wed, 22 Nov 2023 17:47:34 +0900
Subject: [PATCH] Add Router.js, Add Button in Main.js
---
frontend/src/Main.js | 21 ++++++++++++++++++++-
frontend/src/Router.js | 20 ++++++++++++++++++++
2 files changed, 40 insertions(+), 1 deletion(-)
create mode 100644 frontend/src/Router.js
diff --git a/frontend/src/Main.js b/frontend/src/Main.js
index e3c51004..37d91294 100644
--- a/frontend/src/Main.js
+++ b/frontend/src/Main.js
@@ -1,5 +1,24 @@
+import { useNavigate } from 'react-router-dom';
+
+function Button({history, children}){
+ const navigate = useNavigate();
+ return(
+ <button onClick={() => {navigate('/search');}}>
+ {children}
+ </button>
+ );
+}
+
function Main() {
- return <div className="App">Success login!</div>;
+ return(
+ <div className="App">
+ <h1>메인 페이지 입니다.</h1>
+ <div className="introduction">
+ 소개 내용을 담을 공간
+ </div>
+ <Button>검색</Button>
+ </div>)
+ ;
}
export default Main;
diff --git a/frontend/src/Router.js b/frontend/src/Router.js
new file mode 100644
index 00000000..ff1cafa9
--- /dev/null
+++ b/frontend/src/Router.js
@@ -0,0 +1,20 @@
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import Main from './Main.js';
+
+function Router() {
+ return (
+ <div className="Router">
+ <BrowserRouter>
+ {/* <Header/> */}
+ <Routes>
+ <Route path="/" element={<Main/>}></Route>
+ {/* <Route path="/search" element={<Search/>}></Route> */}
+ {/* <Route path="/postwrite" element={<PostWrite/>}></Route> */}
+ </Routes>
+ {/* <Footer/> */}
+ </BrowserRouter>
+ </div>
+ );
+}
+
+export default Router;
--
GitLab