tidy up files

frontend/src/App.js

-import "./App.css";
+import "./css/App.css";
 import {Routes, Route } from 'react-router-dom';
-import Header from "./Header.js";
-import Main from "./Main.js";
-import Login from "./Login.js";
-import Search from "./Search.js";
-import PostWrite from "./PostWrite.js"
 
-import GoogleLoginButton from "./GoogleLoginButton.js";
+import Main from "./pages/Main.js";
+import Login from "./pages/Login.js";
+import Search from "./pages/Search.js";
+import PostWrite from "./pages/PostWrite.js"
+
+import Header from "./components/Header.js";
+import GoogleLoginButton from "./components/GoogleLoginButton.js";
 import React, { useEffect, useState, useContext} from 'react';
 import { UserContext } from './Usercontext.js';
 

frontend/src/GoogleLoginButton.js → frontend/src/components/GoogleLoginButton.js

@@ -3,7 +3,7 @@ import { GoogleOAuthProvider } from "@react-oauth/google";
 import { useNavigate, Navigate } from "react-router-dom";
 import { useCookies } from 'react-cookie'
 import React, { useEffect, useState, useContext} from 'react';
-import { UserContext } from './Usercontext.js';
+import { UserContext } from '../Usercontext.js';
 
 // 안써도 자동으로 한국 시간을 불러온다. 명확하게 하기 위해 import
 import moment from 'moment';

frontend/src/Header.js → frontend/src/components/Header.js

-import {Link} from "react-router-dom";
-import logo from './logo.png';
-import './Header.css';
+import logo from '../logo.png';
+import '../css/Header.css';
 import cookie from 'react-cookies';
 import React, { useEffect, useState, useContext} from 'react';
-import { useNavigate, Navigate } from "react-router-dom";
-import { UserContext } from './Usercontext.js';
+import { Link, useNavigate, Navigate } from "react-router-dom";
+import { UserContext } from '../Usercontext.js';
 import axios from 'axios';
 axios.defaults.withCredentials = true;
 
 
 function Welcome(props){
-	
 	return (
 	<p>
 		{props.name?`${props.name}님, 환영합니다`:'로그인하세요.'}<br/>

frontend/src/index.js

 import React from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
-import "./index.css";
+import "./css/index.css";
 import App from "./App";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));

frontend/src/Login.js → frontend/src/pages/Login.js

 import { useNavigate } from 'react-router-dom';
-import GoogleLoginButton from "./GoogleLoginButton.js";
+import GoogleLoginButton from "../components/GoogleLoginButton.js";
 
 function Button({history, children}){
   const navigate = useNavigate();

frontend/src/PostWrite.js → frontend/src/pages/PostWrite.js

@@ -44,7 +44,7 @@ function SearchMap({loc, setLoc}){
                 style={{
                     // 지도의 크기
                     width: "450px",
-                    height: "450px",
+                    height: "450px"
                     }}
 				onClick={(_t, mouseEvent) => setLoc({
 					        center: { lat: mouseEvent.latLng.getLat(), lng: mouseEvent.latLng.getLng() },