diff --git a/frontend/src/App.js b/frontend/src/App.js
index b4071a36d2dbc4d7e4e0179e6b60aea69ba0a919..c41f5484abc4d365f600154aa4b263bf929408be 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -1,12 +1,13 @@
-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';
 
diff --git a/frontend/src/GoogleLoginButton.js b/frontend/src/components/GoogleLoginButton.js
similarity index 97%
rename from frontend/src/GoogleLoginButton.js
rename to frontend/src/components/GoogleLoginButton.js
index d787646ed30ec6a0aaeac5ee33d674cd113cfef4..4b2da778e10c865b85893cedad1d89955341c79c 100644
--- a/frontend/src/GoogleLoginButton.js
+++ b/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';
diff --git a/frontend/src/Header.js b/frontend/src/components/Header.js
similarity index 93%
rename from frontend/src/Header.js
rename to frontend/src/components/Header.js
index e95d56439335032cfff0c1102f2c0299a2a6493c..811403c2631b21e94a5d2f1796dfe0406d447e81 100644
--- a/frontend/src/Header.js
+++ b/frontend/src/components/Header.js
@@ -1,16 +1,14 @@
-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/>
diff --git a/frontend/src/Post.js b/frontend/src/components/Post.js
similarity index 100%
rename from frontend/src/Post.js
rename to frontend/src/components/Post.js
diff --git a/frontend/src/App.css b/frontend/src/css/App.css
similarity index 100%
rename from frontend/src/App.css
rename to frontend/src/css/App.css
diff --git a/frontend/src/Header.css b/frontend/src/css/Header.css
similarity index 100%
rename from frontend/src/Header.css
rename to frontend/src/css/Header.css
diff --git a/frontend/src/Search.css b/frontend/src/css/Search.css
similarity index 100%
rename from frontend/src/Search.css
rename to frontend/src/css/Search.css
diff --git a/frontend/src/index.css b/frontend/src/css/index.css
similarity index 100%
rename from frontend/src/index.css
rename to frontend/src/css/index.css
diff --git a/frontend/src/index.js b/frontend/src/index.js
index 3a2e456c1996ed173a7673527e6e790c6dbfa465..344b1c6272a92a39d4f75a79f6d8cb228733a4bf 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -1,7 +1,7 @@
 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"));
diff --git a/frontend/src/Login.js b/frontend/src/pages/Login.js
similarity index 85%
rename from frontend/src/Login.js
rename to frontend/src/pages/Login.js
index 8acde8ebf37ebb4cfcf0d8f2717b42f3bfd267ef..aea54d7b9bd953cca6569fa913fda1f932d5d378 100644
--- a/frontend/src/Login.js
+++ b/frontend/src/pages/Login.js
@@ -1,5 +1,5 @@
 import { useNavigate } from 'react-router-dom';
-import GoogleLoginButton from "./GoogleLoginButton.js";
+import GoogleLoginButton from "../components/GoogleLoginButton.js";
 
 function Button({history, children}){
   const navigate = useNavigate();
diff --git a/frontend/src/Main.js b/frontend/src/pages/Main.js
similarity index 100%
rename from frontend/src/Main.js
rename to frontend/src/pages/Main.js
diff --git a/frontend/src/PostWrite.js b/frontend/src/pages/PostWrite.js
similarity index 99%
rename from frontend/src/PostWrite.js
rename to frontend/src/pages/PostWrite.js
index 96ab45f56e109b997d433ea15751f9d8448bc4f7..179f8e5d63001ab6792ac4315483c892a7df488c 100644
--- a/frontend/src/PostWrite.js
+++ b/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() },
diff --git a/frontend/src/Search.js b/frontend/src/pages/Search.js
similarity index 100%
rename from frontend/src/Search.js
rename to frontend/src/pages/Search.js