Revert "라우팅 초기작업"

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,7 +1,7 @@
 ---
 name: Feature Template
 about: Suggest an idea for this project
-title: ''
+title: '[FEAT]'
 labels: ''
 assignees: ''
 ---

package.json

@@ -15,14 +15,10 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet-async": "^1.2.3",
-    "react-icons": "^4.3.1",
-    "react-loading-icons": "^1.0.8",
     "react-scripts": "5.0.0",
     "styled-components": "^5.3.3",
-    "styled-normalize": "^8.0.7",
     "typescript": "^4.6.2",
-    "web-vitals": "^2.1.4",
-    "yup": "^0.32.11"
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -85,7 +81,6 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "firebase-tools": "^10.2.2",
     "prettier": "^2.5.1",
-    "react-router-dom": "^6.2.2",
     "webpack": "^5.70.0"
   }
 }

src/components/App/App.tsx

@@ -1,35 +1,19 @@
+import logo from 'assets/logo.svg';
 import './App.css';
-import { useLocation, Routes, Route, Navigate } from 'react-router-dom';
-import Layout from 'pages/Layout/Layout';
-import Home from 'pages/Home/Home';
-import Search from 'pages/Search/Search';
-import MyRecipes from 'pages/MyRecipes/MyRecipes';
-import Modal from 'pages/Modal/Modal';
-import PageNotFound from 'pages/PageNotFound/PageNotFound';
 
 function App() {
-  const location = useLocation();
-  const state = location.state as { backgroundLocation?: Location };
-  const backgroundLocation = state?.backgroundLocation;
-
   return (
-    <>
-      <Routes location={backgroundLocation || location}>
-        <Route path="/" element={<Layout />}>
-          <Route index element={<Home />} />
-          <Route path="search/:keyword" element={<Search />} />
-          <Route path="my-recipes" element={<MyRecipes />} />
-          <Route path="/detail/:id" element={<Modal />} />
-          <Route path="page-not-found" element={<PageNotFound />} />
-          <Route path="*" element={<Navigate to="page-not-found" replace />} />
-        </Route>
-      </Routes>
-      {backgroundLocation && (
-        <Routes>
-          <Route path="/detail/:id" element={<Modal />} />
-        </Routes>
-      )}
-    </>
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>
+          Edit <code>src/App.tsx</code> and save to reload.
+        </p>
+        <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
+          Learn React
+        </a>
+      </header>
+    </div>
   );
 }
 

src/components/index.ts

@@ -1,2 +1 @@
 export { default as App } from './App/App';
-export { default as Label } from './Label/Label';

src/index.tsx

@@ -1,20 +1,12 @@
 import { StrictMode } from 'react';
 import { render } from 'react-dom';
-import { BrowserRouter } from 'react-router-dom';
-import { ThemeProvider } from 'styled-components';
-import { GlobalStyle } from 'styles/GlobalStyle';
-import { defaultTheme } from 'theme/theme';
 import { App } from './components';
 // import './reportWebVitals';
+import './styles/global.css';
 
 render(
   <StrictMode>
-    <ThemeProvider theme={defaultTheme}>
-      <GlobalStyle />
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-    </ThemeProvider>
+    <App />
   </StrictMode>,
   document.getElementById('root'),
 );

src/styles/global.css

@@ -0,0 +1,11 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+}