Merge pull request #4 from Cinderella-mom-is-gathering/routing

Routing 완성

src/component/PostCard/PostCard.js

@@ -0,0 +1,20 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const CardBox=styled.div`
+    width: 100%;
+    background-color: lightgray;
+    padding-top:20px;
+    padding-bottom:20px;
+  border-radius: 10px;
+`
+const PostCard = () => {
+    return (
+        <CardBox>
+
+        </CardBox>
+)
+}
+
+export default PostCard;

src/component/PostCard/Profile.js

@@ -0,0 +1,17 @@
+import React from "react";
+
+import styled from "styled-components";
+
+const ProfileBox=styled.div`
+    
+`
+
+const Profile=()=>{
+    return(
+    <ProfileBox>
+        <img src="profilePIC.png"/>
+    </ProfileBox>
+    )
+}
+
+export default Profile;

src/page/AddPostPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const AddPostPage=()=>{
+    return(
+        <div>
+            AddPostPage
+        </div>
+    )
+}
+
+export default AddPostPage;

src/page/LoginPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+  margin: 20px;
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+`
+const LoginPage = () => {
+    return (
+        <div>
+            LoginPage
+        </div>
+    )
+}
+
+export default LoginPage;

src/page/NotificationDetailPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const NotificationDetailPage=()=>{
+    return(
+        <div>
+            NotificationDetailPage
+        </div>
+    )
+}
+
+export default NotificationDetailPage;

src/page/NotificationListPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const NotificationListPage=()=>{
+    return(
+        <div>
+            NotificationListPage
+        </div>
+    )
+}
+
+export default NotificationListPage;

src/page/PostDetailPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const PostDetailPage=()=>{
+    return(
+        <div>
+            PostDetailPage
+        </div>
+    )
+}
+
+export default PostDetailPage;

src/page/PostListPage.js

@@ -0,0 +1,21 @@
+import React from "react";
+
+import styled from "styled-components";
+import PostCard from "../component/PostCard/PostCard";
+
+const MainWrapper = styled.div`
+  margin: 20px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+`
+
+const PostListPage = () => {
+    return (
+        <MainWrapper>
+            <PostCard/>
+        </MainWrapper>
+
+    )
+}
+export default PostListPage;

src/page/PostNFTInfoPage.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const PostNFTInfoPage=()=>{
+    return(
+        <div>
+            PostNFTInfoPage
+        </div>
+    )
+}
+
+export default PostNFTInfoPage;

src/page/RequestAdPage.js

@@ -0,0 +1,19 @@
+import styled from "styled-components";
+
+const MainWrapper = styled.div`
+margin:20px;
+  position: relative;
+  
+  display: flex;
+  flex-direction:column;
+`
+const RequestAdPage=()=>{
+    return(
+        <div>
+            RequestAdPage
+
+        </div>
+    )
+}
+
+export default RequestAdPage;