App.js

import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Header from "./components/Header";
import SubNav from "./components/Navs/SubNav";
import MainNav from "./components/Navs/MainNav";
import HomePage from "./pages/HomePage";
import LoginPage from "./pages/LoginPage";
import SignupPage from "./pages/SignupPage";
import MovieListPage from "./pages/MovieListPage";
import MoviePage from "./pages/MoviePage";
import TheaterPage from "./pages/TheaterPage";
import MyPage from "./pages/MyPage";
import AdminPage from "./pages/AdminPage";

function App() {
  return (
      <div className="" style={{ backgroundColor: "black" }}>
        <SubNav />
        <Header />
        <MainNav />
        <Router>
          <Switch>
            <Route exact path="/" component={HomePage} />
            <Route path="/movie" component={MovieListPage} />
          </Switch>
        </Router>
      </div>
  );
}

export default App;