+ );
+}
+
+export default App;
diff --git "a/\354\227\254\353\246\204 \353\260\251\355\225\231 4\354\243\274\354\260\250 \352\263\274\354\240\234/react-study/src/App.jsx" "b/\354\227\254\353\246\204 \353\260\251\355\225\231 4\354\243\274\354\260\250 \352\263\274\354\240\234/react-study/src/App.jsx"
new file mode 100644
index 000000000..eb425d5b3
--- /dev/null
+++ "b/\354\227\254\353\246\204 \353\260\251\355\225\231 4\354\243\274\354\260\250 \352\263\274\354\240\234/react-study/src/App.jsx"
@@ -0,0 +1,51 @@
+import { Main, MediaDiv } from "./styledComponent";
+// yarn add @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons
+
+import { darkTheme, GlobalStyles, lightTheme } from "./styles";
+import { ThemeProvider } from "styled-components";
+import { useState } from "react";
+import Header from "./Header";
+import Slogun from "./Slogun";
+import Footer from "./Footer";
+import ShowPostList from "./ShowPostList";
+
+import { Routes, Route } from "react-router-dom";
+import ShowPost from "./ShowPost";
+import WritePost from "./WritePost";
+
+const API_URL = "https://reactapitest.pythonanywhere.com/api/";
+function App() {
+ const [darkMode, setDarkMode] = useState(true);
+
+ return (
+ <>
+