수정 누르면 다시 홈으로 이동하고 수정한 내용은 홈에 적용되어 있음.
@@ -72,7 +50,7 @@ const EditContent = () => {
export default EditContent;
-const FormStyle = styled.form`
+const FormStyle = styled.div`
display: flex;
flex-direction: column;
width: 80%;
From b086f2479528ab8144cff13a0d0a10e21aabd7ab Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Thu, 19 May 2022 18:34:50 +0900
Subject: [PATCH 14/31] =?UTF-8?q?[feat]=20=EA=B8=80=EC=93=B0=EA=B8=B0=20?=
=?UTF-8?q?=EA=B8=B0=EB=8A=A5,=20json=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20?=
=?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EC=82=B4=EC=A7=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.idea/prettier.xml | 7 ++++
blog/components/Alist.tsx | 2 +-
blog/package-lock.json | 80 ++++++++++++++++++++++++++++++++++++---
blog/package.json | 2 +
blog/pages/post.tsx | 69 ++++++++++++++++++++++++++++++---
blog/store/posts.json | 21 +++-------
blog/store/recoil.tsx | 6 +--
7 files changed, 155 insertions(+), 32 deletions(-)
create mode 100644 .idea/prettier.xml
diff --git a/.idea/prettier.xml b/.idea/prettier.xml
new file mode 100644
index 0000000..727b8b5
--- /dev/null
+++ b/.idea/prettier.xml
@@ -0,0 +1,7 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index 98a91a2..8183834 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -7,7 +7,7 @@ const Alist = () => {
const posts = useRecoilValue(postList);
return (
<>
- {posts.map((post) => {
+ {posts?.map((post) => {
return (
): void => {
+ setTitle(e.target.value);
+ },
+ [title]
+ );
+ const onChangeTextArea = useCallback(
+ (e: React.ChangeEvent): void => {
+ setContents(e.target.value);
+ },
+ [contents]
+ );
+ const handleForm = useCallback(
+ (e: React.SyntheticEvent): void => {
+ e.preventDefault();
+ const date = getDate();
+
+ const obj = {
+ id: postNumber + 1,
+ title,
+ contents,
+ date,
+ };
+ setPostNumber((prev) => prev + 1);
+ console.log(obj);
+ setPosts([...posts, obj]);
+ setContents('');
+ router.push('/');
+ },
+ [contents, title]
+ );
+ const getDate = () => {
+ return now.format().slice(5, 10);
+ };
+
return (
<>
글 작성하는 곳
-
-
+ 글 작성
- 작성 누르면 다시 홈으로 이동하고 작성한 내용은 홈에 적용되어 있음.새로운 커밋
+ 작성 누르면 다시 홈으로 이동하고 작성한 내용은 홈에 적용되어
+ 있음.새로운 커밋
diff --git a/blog/store/posts.json b/blog/store/posts.json
index a943a11..56b2990 100644
--- a/blog/store/posts.json
+++ b/blog/store/posts.json
@@ -1,22 +1,11 @@
{
"posts": [
{
- "id": "0",
- "title": "momu-front-study",
- "content": "momu momu ",
- "date": "05-17 "
- },
- {
- "id": "1",
- "title": "배고프다ㅏ..",
- "content": "오늘 뭐 먹지",
- "date": "05-18 "
- },
- {
- "id": "2",
- "title": "과제 화이팅 아자아자",
- "content": "ㅜㅅㅜ",
- "date": "05-19 "
+ "id": 0,
+ "title" : "제목",
+ "contents" : "내용",
+ "date": "시간"
}
]
}
+
diff --git a/blog/store/recoil.tsx b/blog/store/recoil.tsx
index d13f5e9..3f24d69 100644
--- a/blog/store/recoil.tsx
+++ b/blog/store/recoil.tsx
@@ -5,7 +5,7 @@ export const postList = atom({
default: initPost.posts,
});
-export const test = atom({
- key: 'test',
- default: 3,
+export const postNum = atom({
+ key: 'postNum',
+ default: 0,
});
From 67f68e47b96ad4fff6ce544ba18c0ab53237faec Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Thu, 19 May 2022 19:03:08 +0900
Subject: [PATCH 15/31] =?UTF-8?q?[feat]=20=EC=97=90=EB=94=A7=20=EC=88=98?=
=?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/DetailContent.tsx | 4 +-
blog/components/EditContent.tsx | 76 ++++++++++++++++++++-----------
blog/pages/post.tsx | 1 -
3 files changed, 51 insertions(+), 30 deletions(-)
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index d5cddad..613e5e5 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -13,8 +13,8 @@ const DetailContent = () => {
const post = JSON.parse(currentPost);
//console.log
- console.log(posts[postId]?.id);
- console.log(postId);
+ // console.log(posts[postId]?.id);
+ // console.log(postId);
const handlePostDelete = useCallback(() => {
setPosts(posts.filter((post: any) => Number(post.id) !== postId));
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index 6f06aea..89d3889 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -1,45 +1,67 @@
import Link from 'next/link';
import { useRouter } from 'next/router';
-import React, { Component } from 'react';
+import React, { Component, useCallback, useState } from 'react';
import { useRecoilState } from 'recoil';
import styled from 'styled-components';
import useInput from '../hooks/useInput';
-import { postList } from '../store/recoil';
-
+import { postList, postNum } from '../store/recoil';
+import moment from 'moment';
const EditContent = () => {
+ const now = moment();
+ const router = useRouter();
+ const { id } = router.query;
+
const [posts, setPosts] = useRecoilState(postList);
- const { textinput, handleInputChange, handleInputInitialize } = useInput('');
- const postId = Number(useRouter().query.id);
- const { currentPost } = useRouter().query;
- const post = JSON.parse(currentPost);
-
- const handlePostChange = (e: any) => {
- console.log(e.currentTarget.value);
- console.log(e.currentTarget.name);
- setPosts({ ...posts, [e.currentTarget.name]: e.target.value });
- console.log(posts);
+ const [postNumber, setPostNumber] = useRecoilState(postNum);
+ const [prevPost] = posts.filter((post) => post.id === Number(id));
+
+ const [title, setTitle] = useState(prevPost?.title);
+ const [contents, setContents] = useState(prevPost?.contents);
+
+ const onChangeTitleArea = useCallback(
+ (e: React.ChangeEvent): void => {
+ setTitle(e.target.value);
+ },
+ [title]
+ );
+ const onChangeTextArea = useCallback(
+ (e: React.ChangeEvent): void => {
+ setContents(e.target.value);
+ },
+ [contents]
+ );
+
+ const onSubmitEdit = useCallback((e: React.SyntheticEvent): void => {
+ e.preventDefault();
+ const date = getDate();
+
+ const obj = {
+ id: Number(id),
+ title,
+ contents,
+ date,
+ };
+
+ setPosts([...posts, obj]);
+ setContents('');
+ router.push('/');
+ }, []);
+ const getDate = () => {
+ return now.format().slice(5, 10);
};
- console.log(posts[postId]?.content);
return (
<>
글 수정하는 곳
-
+
수정
-
+
+ 수정
수정 누르면 다시 홈으로 이동하고 수정한 내용은 홈에 적용되어 있음.
@@ -50,7 +72,7 @@ const EditContent = () => {
export default EditContent;
-const FormStyle = styled.div`
+const FormStyle = styled.form`
display: flex;
flex-direction: column;
width: 80%;
diff --git a/blog/pages/post.tsx b/blog/pages/post.tsx
index fbdc630..087a706 100644
--- a/blog/pages/post.tsx
+++ b/blog/pages/post.tsx
@@ -37,7 +37,6 @@ const Post = () => {
date,
};
setPostNumber((prev) => prev + 1);
- console.log(obj);
setPosts([...posts, obj]);
setContents('');
router.push('/');
From 073833d5419063260e75924952625115e5285de2 Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 00:14:55 +0900
Subject: [PATCH 16/31] =?UTF-8?q?[feat]=20=EA=B8=B0=EB=8A=A5=EA=B0=9C?=
=?UTF-8?q?=EB=B0=9C=20=EB=81=9D=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=20?=
=?UTF-8?q?=ED=95=84=EC=9A=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/DetailContent.tsx | 2 +-
blog/components/EditContent.tsx | 36 +++++++++++++++++++------------
2 files changed, 23 insertions(+), 15 deletions(-)
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index 613e5e5..61f9e10 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -24,7 +24,7 @@ const DetailContent = () => {
{post.title}
- {post.content}
+ {post.contents}
{post.date}
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index 89d3889..3fd3848 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -1,6 +1,6 @@
import Link from 'next/link';
import { useRouter } from 'next/router';
-import React, { Component, useCallback, useState } from 'react';
+import React, { Component, useCallback, useEffect, useState } from 'react';
import { useRecoilState } from 'recoil';
import styled from 'styled-components';
import useInput from '../hooks/useInput';
@@ -17,6 +17,7 @@ const EditContent = () => {
const [title, setTitle] = useState(prevPost?.title);
const [contents, setContents] = useState(prevPost?.contents);
+ const [testObj, setTestObj] = useState({});
const onChangeTitleArea = useCallback(
(e: React.ChangeEvent): void => {
@@ -31,24 +32,31 @@ const EditContent = () => {
[contents]
);
- const onSubmitEdit = useCallback((e: React.SyntheticEvent): void => {
- e.preventDefault();
- const date = getDate();
+ const onSubmitEdit = useCallback(
+ (e: React.SyntheticEvent): void => {
+ e.preventDefault();
+ const date = getDate();
- const obj = {
- id: Number(id),
- title,
- contents,
- date,
- };
+ const obj = {
+ id: Number(id),
+ title,
+ contents,
+ date,
+ };
- setPosts([...posts, obj]);
- setContents('');
- router.push('/');
- }, []);
+ setPosts(posts.map((post) => (post.id === Number(id) ? obj : post)));
+
+ setContents('');
+ router.push('/');
+ },
+ [title, contents]
+ );
const getDate = () => {
return now.format().slice(5, 10);
};
+ useEffect(() => {
+ console.log(testObj);
+ }, [title, contents, testObj]);
return (
<>
From d349dafe5c8ddf70890c59acb75e51e90339c5a9 Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 01:04:53 +0900
Subject: [PATCH 17/31] =?UTF-8?q?[style]=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
=?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/Alist.tsx | 18 +++++---
blog/components/AppLayout.tsx | 71 +++++++++++++++++++++++++------
blog/components/DetailContent.tsx | 13 +++---
blog/components/EditContent.tsx | 13 +-----
blog/pages/post.tsx | 7 +--
blog/store/posts.json | 6 +--
blog/styles/GlobalStyle.tsx | 8 +++-
7 files changed, 89 insertions(+), 47 deletions(-)
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index 8da3567..2dd2939 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -9,7 +9,7 @@ const Alist = () => {
<>
{posts?.map((post) => {
return (
-
+
{post.title}
- {post.date}
+ {post.date}
);
})}
@@ -30,11 +30,19 @@ const Alist = () => {
};
const Wrapper = styled.div`
- display: flex;
+ display: grid;
+ grid-template-columns: 8fr 2fr;
width: 90%;
- border: 1px solid red;
+ padding: 0 5px;
+ border: 1px solid black;
+ border-radius: 10px;
margin: 10px auto 10px auto;
- justify-content: space-around;
+ box-sizing: border-box;
+`;
+const DateDiv = styled.div`
+ display: flex;
+ justify-content: center;
+ align-items: center;
`;
export default Alist;
diff --git a/blog/components/AppLayout.tsx b/blog/components/AppLayout.tsx
index b04f63e..b5ed779 100644
--- a/blog/components/AppLayout.tsx
+++ b/blog/components/AppLayout.tsx
@@ -1,36 +1,83 @@
import { FC } from 'react';
import styled from 'styled-components';
import Link from 'next/link';
+import { useRouter } from 'next/router';
type Props = {
children: React.ReactNode;
};
const AppLayout: FC = ({ children }) => {
+ const router = useRouter();
+ const pathname = router.pathname;
+
return (
<>
-
-
- 홈
-
-
- 글쓰기
-
-
- {children}
+
+
+ {pathname === '/' ? (
+ <>
+
+ 홈
+
+
+ 글쓰기
+
+
+ ) : (
+ <>
+
+ 홈
+
+
+ 글쓰기
+
+
+ )}
+
+ {children}
+
);
};
const Container = styled.div`
+ overflow: scroll;
width: 500px;
height: 500px;
- border: 1px solid blue;
+ border: 1px solid black;
+ border-radius: 10px;
+ -webkit-box-shadow: 5px 5px 15px 0px #000000;
+ box-shadow: 5px 5px 15px 0px #000000;
`;
const Navbar = styled.div`
display: flex;
+ width: 90%;
+ margin: auto;
+`;
+const HomeBtn = styled.button`
+ font-size: 20px;
+ border: none;
+ background: none;
+ cursor: pointer;
+ &:hover {
+ color: red;
+ }
+`;
+
+const PostBtn = styled.button<{ post?: boolean }>`
+ font-size: 20px;
+ border: none;
+ background: none;
+ cursor: pointer;
+ &:hover {
+ color: red;
+ }
+ color: ${(props) => (props.post ? 'red' : 'black')};
`;
export default AppLayout;
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index 61f9e10..416015c 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -4,7 +4,6 @@ import styled from 'styled-components';
import { postList } from '../store/recoil';
import { useRouter } from 'next/router';
import { useCallback } from 'react';
-//import { posts } from '../store/posts.json';
const DetailContent = () => {
const [posts, setPosts] = useRecoilState(postList);
@@ -12,10 +11,6 @@ const DetailContent = () => {
const { currentPost } = useRouter().query;
const post = JSON.parse(currentPost);
- //console.log
- // console.log(posts[postId]?.id);
- // console.log(postId);
-
const handlePostDelete = useCallback(() => {
setPosts(posts.filter((post: any) => Number(post.id) !== postId));
}, [posts]);
@@ -52,18 +47,22 @@ const DetailContent = () => {
export default DetailContent;
const ContentBox = styled.div`
+ border: 2px dotted red;
margin: auto;
border: 0.08rem solid #c2bbbb;
- width: 30rem;
+ width: 90%;
height: 20rem;
`;
const Content = styled.div`
display: flex;
flex-direction: column;
+ border: 1px solid red;
`;
const PostTitle = styled.div``;
const PostContent = styled.div``;
const PostDate = styled.div``;
-const Buttons = styled.div``;
+const Buttons = styled.div`
+ display: flex;
+`;
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index 3fd3848..182f896 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -12,12 +12,10 @@ const EditContent = () => {
const { id } = router.query;
const [posts, setPosts] = useRecoilState(postList);
- const [postNumber, setPostNumber] = useRecoilState(postNum);
const [prevPost] = posts.filter((post) => post.id === Number(id));
const [title, setTitle] = useState(prevPost?.title);
const [contents, setContents] = useState(prevPost?.contents);
- const [testObj, setTestObj] = useState({});
const onChangeTitleArea = useCallback(
(e: React.ChangeEvent): void => {
@@ -43,9 +41,7 @@ const EditContent = () => {
contents,
date,
};
-
setPosts(posts.map((post) => (post.id === Number(id) ? obj : post)));
-
setContents('');
router.push('/');
},
@@ -54,13 +50,9 @@ const EditContent = () => {
const getDate = () => {
return now.format().slice(5, 10);
};
- useEffect(() => {
- console.log(testObj);
- }, [title, contents, testObj]);
return (
<>
- 글 수정하는 곳
수정
-
- 수정 누르면 다시 홈으로 이동하고 수정한 내용은 홈에 적용되어 있음.
-
);
};
@@ -83,6 +72,6 @@ export default EditContent;
const FormStyle = styled.form`
display: flex;
flex-direction: column;
- width: 80%;
+ width: 90%;
margin: auto;
`;
diff --git a/blog/pages/post.tsx b/blog/pages/post.tsx
index 087a706..c641496 100644
--- a/blog/pages/post.tsx
+++ b/blog/pages/post.tsx
@@ -50,7 +50,6 @@ const Post = () => {
return (
<>
- 글 작성하는 곳
글 작성
-
- 작성 누르면 다시 홈으로 이동하고 작성한 내용은 홈에 적용되어
- 있음.새로운 커밋
-
);
@@ -78,7 +73,7 @@ const Post = () => {
const FromStyle = styled.form`
display: flex;
flex-direction: column;
- width: 80%;
+ width: 90%;
margin: auto;
`;
export default Post;
diff --git a/blog/store/posts.json b/blog/store/posts.json
index 56b2990..6b937ec 100644
--- a/blog/store/posts.json
+++ b/blog/store/posts.json
@@ -2,9 +2,9 @@
"posts": [
{
"id": 0,
- "title" : "제목",
- "contents" : "내용",
- "date": "시간"
+ "title" : "여러분의 글을 남겨보세요!",
+ "contents" : "하하하하",
+ "date": "05-20"
}
]
}
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index 8bd78f1..6a297b2 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -1,8 +1,9 @@
-import { createGlobalStyle } from "styled-components";
-import { normalize } from "styled-normalize";
+import { createGlobalStyle } from 'styled-components';
+import { normalize } from 'styled-normalize';
const GlobalStyle = createGlobalStyle`
${normalize}
+
body {
margin: 0px;
background-color: #ffffff;
@@ -13,6 +14,9 @@ const GlobalStyle = createGlobalStyle`
font-family: 'Noto Sans KR', sans-serif;
font-size: 10pt;
}
+ a{
+ text-decoration-line: none;
+ }
`;
From 558297c1b16718a5c42dab4f1acdd46260b729ce Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 15:44:30 +0900
Subject: [PATCH 18/31] =?UTF-8?q?style=20:=20react-icons=20=EC=B6=94?=
=?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/AppLayout.tsx | 29 +++++++++++++++++++++++------
blog/package-lock.json | 15 +++++++++++++++
blog/package.json | 1 +
blog/styles/GlobalStyle.tsx | 17 +++++++++++++++--
4 files changed, 54 insertions(+), 8 deletions(-)
diff --git a/blog/components/AppLayout.tsx b/blog/components/AppLayout.tsx
index b5ed779..fb9a6f2 100644
--- a/blog/components/AppLayout.tsx
+++ b/blog/components/AppLayout.tsx
@@ -2,6 +2,8 @@ import { FC } from 'react';
import styled from 'styled-components';
import Link from 'next/link';
import { useRouter } from 'next/router';
+import { AiOutlineHome } from 'react-icons/ai';
+import { HiOutlinePencil } from 'react-icons/hi';
type Props = {
children: React.ReactNode;
@@ -19,22 +21,35 @@ const AppLayout: FC = ({ children }) => {
<>
- 홈
+
+
글쓰기
+
+
) : (
<>
- 홈
+
+
글쓰기
+
+ {' '}
+
)}
@@ -46,6 +61,7 @@ const AppLayout: FC = ({ children }) => {
};
const Container = styled.div`
+ padding: 1rem;
overflow: scroll;
width: 500px;
height: 500px;
@@ -60,12 +76,13 @@ const Navbar = styled.div`
margin: auto;
`;
const HomeBtn = styled.button`
+ padding-right: 1rem;
font-size: 20px;
border: none;
background: none;
cursor: pointer;
&:hover {
- color: red;
+ color: #c2bbbb;
}
`;
@@ -75,7 +92,7 @@ const PostBtn = styled.button<{ post?: boolean }>`
background: none;
cursor: pointer;
&:hover {
- color: red;
+ color: #c2bbbb;
}
color: ${(props) => (props.post ? 'red' : 'black')};
`;
diff --git a/blog/package-lock.json b/blog/package-lock.json
index efef5d9..a592c0b 100644
--- a/blog/package-lock.json
+++ b/blog/package-lock.json
@@ -13,6 +13,7 @@
"next": "12.1.6",
"react": "18.1.0",
"react-dom": "18.1.0",
+ "react-icons": "^4.3.1",
"react-router-dom": "^6.3.0",
"recoil": "^0.7.3-alpha.2",
"styled-components": "^5.3.5",
@@ -2904,6 +2905,14 @@
"react": "^18.1.0"
}
},
+ "node_modules/react-icons": {
+ "version": "4.3.1",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
+ "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==",
+ "peerDependencies": {
+ "react": "*"
+ }
+ },
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -5571,6 +5580,12 @@
"scheduler": "^0.22.0"
}
},
+ "react-icons": {
+ "version": "4.3.1",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
+ "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==",
+ "requires": {}
+ },
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/blog/package.json b/blog/package.json
index 8091c20..7861bdf 100644
--- a/blog/package.json
+++ b/blog/package.json
@@ -14,6 +14,7 @@
"next": "12.1.6",
"react": "18.1.0",
"react-dom": "18.1.0",
+ "react-icons": "^4.3.1",
"react-router-dom": "^6.3.0",
"recoil": "^0.7.3-alpha.2",
"styled-components": "^5.3.5",
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index 6a297b2..dc24753 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -11,12 +11,25 @@ const GlobalStyle = createGlobalStyle`
align-items: center;
justify-content: center;
height: 100vh;
- font-family: 'Noto Sans KR', sans-serif;
font-size: 10pt;
}
- a{
+
+ a{
text-decoration-line: none;
}
+
+ ::-webkit-scrollbar {
+ width: 0.9rem;
+ margin: 0;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ height: 17%;
+ background-color: #c2bbbb;
+ border-radius: 10px;
+ background-clip: padding-box;
+ border: 0.3rem solid transparent;
+ }
`;
From 2b49d1ef14e468c59b102cf3bdb82996c5c858d8 Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 18:54:32 +0900
Subject: [PATCH 19/31] =?UTF-8?q?style=20:=20DetailContent=20=EC=BB=B4?=
=?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC?=
=?UTF-8?q?=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/Alist.tsx | 9 +++++-
blog/components/AppLayout.tsx | 11 +-------
blog/components/DetailContent.tsx | 46 ++++++++++++++++++++++++-------
blog/components/EditContent.tsx | 3 +-
blog/styles/GlobalStyle.tsx | 20 +++++++++++---
5 files changed, 62 insertions(+), 27 deletions(-)
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index 2dd2939..36e2261 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -33,16 +33,23 @@ const Wrapper = styled.div`
display: grid;
grid-template-columns: 8fr 2fr;
width: 90%;
- padding: 0 5px;
+ padding: 0 1rem;
border: 1px solid black;
border-radius: 10px;
margin: 10px auto 10px auto;
box-sizing: border-box;
+ word-break: break-all;
`;
const DateDiv = styled.div`
display: flex;
justify-content: center;
align-items: center;
+ color: #afaaaa;
`;
+const LinkToPost = styled(Link)`
+ display: flex;
+ text-decoration: none;
+ color: black;
+`;
export default Alist;
diff --git a/blog/components/AppLayout.tsx b/blog/components/AppLayout.tsx
index fb9a6f2..c2408f6 100644
--- a/blog/components/AppLayout.tsx
+++ b/blog/components/AppLayout.tsx
@@ -65,7 +65,6 @@ const Container = styled.div`
overflow: scroll;
width: 500px;
height: 500px;
- border: 1px solid black;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 15px 0px #000000;
box-shadow: 5px 5px 15px 0px #000000;
@@ -80,21 +79,13 @@ const HomeBtn = styled.button`
font-size: 20px;
border: none;
background: none;
- cursor: pointer;
- &:hover {
- color: #c2bbbb;
- }
`;
const PostBtn = styled.button<{ post?: boolean }>`
font-size: 20px;
border: none;
background: none;
- cursor: pointer;
- &:hover {
- color: #c2bbbb;
- }
- color: ${(props) => (props.post ? 'red' : 'black')};
+ color: ${(props) => (props.post ? 'grey' : 'black')};
`;
export default AppLayout;
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index 416015c..39d7b64 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -4,6 +4,8 @@ import styled from 'styled-components';
import { postList } from '../store/recoil';
import { useRouter } from 'next/router';
import { useCallback } from 'react';
+import { FiEdit } from 'react-icons/fi';
+import { FiTrash2 } from 'react-icons/fi';
const DetailContent = () => {
const [posts, setPosts] = useRecoilState(postList);
@@ -20,7 +22,7 @@ const DetailContent = () => {
{post.title}
{post.contents}
- {post.date}
+ 작성일 : {post.date}
- 수정
+
+
- 삭제
+
+
{' '}
@@ -47,22 +55,40 @@ const DetailContent = () => {
export default DetailContent;
const ContentBox = styled.div`
- border: 2px dotted red;
margin: auto;
- border: 0.08rem solid #c2bbbb;
width: 90%;
- height: 20rem;
+ height: 26rem;
`;
const Content = styled.div`
+ margin: 0.5rem;
display: flex;
flex-direction: column;
- border: 1px solid red;
+ border: 0.08rem solid #c2bbbb;
+ border-radius: 1rem;
+ height: 26rem;
`;
-const PostTitle = styled.div``;
-const PostContent = styled.div``;
-const PostDate = styled.div``;
+const PostTitle = styled.div`
+ padding: 0.5rem;
+ font-size: 1.5rem;
+ border-bottom: 0.08rem solid #c2bbbb;
+ font-weight: lighter;
+ word-break: break-all;
+`;
+const PostContent = styled.div`
+ padding: 0.5rem;
+ font-size: 1rem;
+ font-weight: lighter;
+ word-break: break-all;
+ overflow: auto;
+`;
+const PostDate = styled.div`
+ margin: auto 0.5rem 0 auto;
+ color: #afaaaa;
+`;
const Buttons = styled.div`
display: flex;
+ justify-content: flex-end;
+ font-size: 0.9rem;
`;
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index 182f896..e9eee39 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -3,8 +3,7 @@ import { useRouter } from 'next/router';
import React, { Component, useCallback, useEffect, useState } from 'react';
import { useRecoilState } from 'recoil';
import styled from 'styled-components';
-import useInput from '../hooks/useInput';
-import { postList, postNum } from '../store/recoil';
+import { postList } from '../store/recoil';
import moment from 'moment';
const EditContent = () => {
const now = moment();
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index dc24753..96beddb 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -1,8 +1,10 @@
import { createGlobalStyle } from 'styled-components';
import { normalize } from 'styled-normalize';
+
const GlobalStyle = createGlobalStyle`
${normalize}
+
body {
margin: 0px;
@@ -18,18 +20,28 @@ const GlobalStyle = createGlobalStyle`
text-decoration-line: none;
}
- ::-webkit-scrollbar {
+ ::-webkit-scrollbar {
width: 0.9rem;
margin: 0;
- }
+ }
- ::-webkit-scrollbar-thumb {
+ ::-webkit-scrollbar-thumb {
height: 17%;
background-color: #c2bbbb;
border-radius: 10px;
background-clip: padding-box;
border: 0.3rem solid transparent;
- }
+ }
+
+ button {
+ &:hover{
+ cursor: pointer;
+ color: #c2bbbb;
+ }
+ border: none;
+ background: none;
+}
+
`;
From 80505815826c69e08569b201540770b2294f8c75 Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 19:51:07 +0900
Subject: [PATCH 20/31] =?UTF-8?q?style=20:=20input,=20textarea=20=EC=8A=A4?=
=?UTF-8?q?=ED=83=80=EC=9D=BC=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/Alist.tsx | 3 ++-
blog/components/AppLayout.tsx | 3 ++-
blog/components/DetailContent.tsx | 1 +
blog/components/EditContent.tsx | 42 ++++++++++++++++++-------------
blog/pages/post.tsx | 33 +++++++++++++-----------
blog/styles/CommonStyle.tsx | 34 +++++++++++++++++++++++++
blog/styles/GlobalStyle.tsx | 8 ++++++
7 files changed, 89 insertions(+), 35 deletions(-)
create mode 100644 blog/styles/CommonStyle.tsx
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index 36e2261..bfae9a0 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -2,6 +2,7 @@ import { postList } from '../store/recoil';
import { useRecoilValue } from 'recoil';
import styled from 'styled-components';
import Link from 'next/link';
+import React from 'react';
const Alist = () => {
const posts = useRecoilValue(postList);
@@ -52,4 +53,4 @@ const LinkToPost = styled(Link)`
text-decoration: none;
color: black;
`;
-export default Alist;
+export default React.memo(Alist);
diff --git a/blog/components/AppLayout.tsx b/blog/components/AppLayout.tsx
index c2408f6..75336b8 100644
--- a/blog/components/AppLayout.tsx
+++ b/blog/components/AppLayout.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link';
import { useRouter } from 'next/router';
import { AiOutlineHome } from 'react-icons/ai';
import { HiOutlinePencil } from 'react-icons/hi';
+import React from 'react';
type Props = {
children: React.ReactNode;
@@ -88,4 +89,4 @@ const PostBtn = styled.button<{ post?: boolean }>`
color: ${(props) => (props.post ? 'grey' : 'black')};
`;
-export default AppLayout;
+export default React.memo(AppLayout);
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index 39d7b64..b8486d4 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -77,6 +77,7 @@ const PostTitle = styled.div`
word-break: break-all;
`;
const PostContent = styled.div`
+ white-space: pre;
padding: 0.5rem;
font-size: 1rem;
font-weight: lighter;
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index e9eee39..ef178e6 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -1,10 +1,16 @@
-import Link from 'next/link';
import { useRouter } from 'next/router';
-import React, { Component, useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useState } from 'react';
import { useRecoilState } from 'recoil';
-import styled from 'styled-components';
import { postList } from '../store/recoil';
import moment from 'moment';
+import { FiEdit } from 'react-icons/fi';
+import {
+ FormStyle,
+ StyledButton,
+ TextInput,
+ TitleInput,
+} from '../styles/CommonStyle';
+
const EditContent = () => {
const now = moment();
const router = useRouter();
@@ -23,7 +29,7 @@ const EditContent = () => {
[title]
);
const onChangeTextArea = useCallback(
- (e: React.ChangeEvent): void => {
+ (e: React.ChangeEvent): void => {
setContents(e.target.value);
},
[contents]
@@ -51,26 +57,26 @@ const EditContent = () => {
};
return (
- <>
-
- 수정
-
-
+
+
+
);
};
export default EditContent;
-
-const FormStyle = styled.form`
- display: flex;
- flex-direction: column;
- width: 90%;
- margin: auto;
-`;
diff --git a/blog/pages/post.tsx b/blog/pages/post.tsx
index c641496..a98b9da 100644
--- a/blog/pages/post.tsx
+++ b/blog/pages/post.tsx
@@ -1,10 +1,16 @@
import AppLayout from '../components/AppLayout';
-import styled from 'styled-components';
import { useCallback, useState } from 'react';
import { useRouter } from 'next/router';
import { useRecoilState } from 'recoil';
import { postList, postNum } from '../store/recoil';
import moment from 'moment';
+import { HiOutlinePencil } from 'react-icons/hi';
+import {
+ FormStyle,
+ StyledButton,
+ TextInput,
+ TitleInput,
+} from '../styles/CommonStyle';
const Post = () => {
const now = moment();
@@ -50,30 +56,27 @@ const Post = () => {
return (
<>
-
- 글 작성
-
+ placeholder="내용을 입력하세요 . . ."
+ />
+
+
+
);
};
-const FromStyle = styled.form`
- display: flex;
- flex-direction: column;
- width: 90%;
- margin: auto;
-`;
export default Post;
diff --git a/blog/styles/CommonStyle.tsx b/blog/styles/CommonStyle.tsx
new file mode 100644
index 0000000..27c32c4
--- /dev/null
+++ b/blog/styles/CommonStyle.tsx
@@ -0,0 +1,34 @@
+import styled from 'styled-components';
+
+export const FormStyle = styled.form`
+ display: flex;
+ flex-direction: column;
+ width: 90%;
+ margin: auto;
+`;
+
+export const TitleInput = styled.input`
+ padding-left: 0.5rem;
+ border: 0.08rem solid #c2bbbb;
+ border-radius: 0.5rem;
+ font-size: 1.5rem;
+ font-weight: lighter;
+ margin: 0.5rem;
+ height: 2.5rem;
+`;
+
+export const TextInput = styled.textarea`
+ border: 0.08rem solid #c2bbbb;
+ border-radius: 0.6rem;
+ height: 21.2rem;
+ padding: 0.5rem;
+ margin: 0.5rem;
+ font-weight: lighter;
+ font-size: 1rem;
+ overflow: auto;
+`;
+
+export const StyledButton = styled.button`
+ font-size: 0.9rem;
+ margin: auto 0 0 auto;
+`;
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index 96beddb..896bbd9 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -41,6 +41,14 @@ const GlobalStyle = createGlobalStyle`
border: none;
background: none;
}
+ input:focus{
+ outline: none;
+ }
+
+ textarea{
+ &:focus{
+ outline:none;
+ }}
`;
From 6d9a2d23fca234b53b20fbcd64d623dded4158af Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 20:13:45 +0900
Subject: [PATCH 21/31] =?UTF-8?q?style=20:=20a=20=ED=83=9C=EA=B7=B8?=
=?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=A0=9C?=
=?UTF-8?q?=EA=B1=B0,=20=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94?=
=?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/Alist.tsx | 13 +++++++------
blog/styles/GlobalStyle.tsx | 4 ++++
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index bfae9a0..ab9b48d 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -18,9 +18,7 @@ const Alist = () => {
}}
as={`/get/${post.id}`}
>
-
- {post.title}
-
+ {post.title}
{post.date}
@@ -36,7 +34,7 @@ const Wrapper = styled.div`
width: 90%;
padding: 0 1rem;
border: 1px solid black;
- border-radius: 10px;
+ border-radius: 0.5rem;
margin: 10px auto 10px auto;
box-sizing: border-box;
word-break: break-all;
@@ -48,9 +46,12 @@ const DateDiv = styled.div`
color: #afaaaa;
`;
-const LinkToPost = styled(Link)`
+const LinkToPost = styled.a`
+ padding: 0.5rem;
display: flex;
text-decoration: none;
color: black;
+ font-size: 1.2rem;
+ font-weight: lighter;
`;
-export default React.memo(Alist);
+export default Alist;
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index 896bbd9..9861e6f 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -18,6 +18,10 @@ const GlobalStyle = createGlobalStyle`
a{
text-decoration-line: none;
+ &:hover{
+ cursor:pointer;
+ color:#c2bbbb;
+ }
}
::-webkit-scrollbar {
From 1537ac5832708af8d7a1688a920679f31c11cf23 Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 20:39:21 +0900
Subject: [PATCH 22/31] =?UTF-8?q?[chore]=20resizing=20none=20&=20=EA=B3=B5?=
=?UTF-8?q?=EB=B0=B1=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/DetailContent.tsx | 2 +-
blog/components/EditContent.tsx | 23 +++++++++++++----------
blog/pages/post.tsx | 24 ++++++++++++++----------
blog/styles/GlobalStyle.tsx | 3 +++
4 files changed, 31 insertions(+), 21 deletions(-)
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index b8486d4..6c3cd22 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -14,7 +14,7 @@ const DetailContent = () => {
const post = JSON.parse(currentPost);
const handlePostDelete = useCallback(() => {
- setPosts(posts.filter((post: any) => Number(post.id) !== postId));
+ setPosts(posts.filter((post) => Number(post.id) !== postId));
}, [posts]);
return (
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index ef178e6..a5ca016 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -39,16 +39,19 @@ const EditContent = () => {
(e: React.SyntheticEvent): void => {
e.preventDefault();
const date = getDate();
-
- const obj = {
- id: Number(id),
- title,
- contents,
- date,
- };
- setPosts(posts.map((post) => (post.id === Number(id) ? obj : post)));
- setContents('');
- router.push('/');
+ if (title.length !== 0 && title.replace(/ /g, '').length !== 0) {
+ const obj = {
+ id: Number(id),
+ title,
+ contents,
+ date,
+ };
+ setPosts(posts.map((post) => (post.id === Number(id) ? obj : post)));
+ setContents('');
+ router.push('/');
+ } else {
+ alert('제목을 입력해주세요');
+ }
},
[title, contents]
);
diff --git a/blog/pages/post.tsx b/blog/pages/post.tsx
index a98b9da..08fe2bc 100644
--- a/blog/pages/post.tsx
+++ b/blog/pages/post.tsx
@@ -36,16 +36,20 @@ const Post = () => {
e.preventDefault();
const date = getDate();
- const obj = {
- id: postNumber + 1,
- title,
- contents,
- date,
- };
- setPostNumber((prev) => prev + 1);
- setPosts([...posts, obj]);
- setContents('');
- router.push('/');
+ if (title.length !== 0 && title.replace(/ /g, '').length !== 0) {
+ const obj = {
+ id: postNumber + 1,
+ title,
+ contents,
+ date,
+ };
+ setPostNumber((prev) => prev + 1);
+ setPosts([...posts, obj]);
+ setContents('');
+ router.push('/');
+ } else {
+ alert('제목을 입력해주세요.');
+ }
},
[contents, title]
);
diff --git a/blog/styles/GlobalStyle.tsx b/blog/styles/GlobalStyle.tsx
index 9861e6f..6ba00a2 100644
--- a/blog/styles/GlobalStyle.tsx
+++ b/blog/styles/GlobalStyle.tsx
@@ -23,6 +23,9 @@ const GlobalStyle = createGlobalStyle`
color:#c2bbbb;
}
}
+ textarea {
+ resize: none;
+ }
::-webkit-scrollbar {
width: 0.9rem;
From 5f17dae7b65fd508441d598998179bc9afb84caa Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 21:44:45 +0900
Subject: [PATCH 23/31] =?UTF-8?q?style=20:=20white-space:=20pre-line?=
=?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/DetailContent.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/blog/components/DetailContent.tsx b/blog/components/DetailContent.tsx
index 6c3cd22..8742d12 100644
--- a/blog/components/DetailContent.tsx
+++ b/blog/components/DetailContent.tsx
@@ -77,7 +77,7 @@ const PostTitle = styled.div`
word-break: break-all;
`;
const PostContent = styled.div`
- white-space: pre;
+ white-space: pre-line;
padding: 0.5rem;
font-size: 1rem;
font-weight: lighter;
From 79e438d54b60bdbc0089141ef94e928aa8189599 Mon Sep 17 00:00:00 2001
From: chaaerim
Date: Fri, 20 May 2022 22:20:02 +0900
Subject: [PATCH 24/31] =?UTF-8?q?chore=20:=20=ED=83=80=EC=9E=85=EC=97=90?=
=?UTF-8?q?=EB=9F=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/Alist.tsx | 4 +++-
blog/components/DetailContent.tsx | 1 +
2 files changed, 4 insertions(+), 1 deletion(-)
diff --git a/blog/components/Alist.tsx b/blog/components/Alist.tsx
index ab9b48d..7cd5482 100644
--- a/blog/components/Alist.tsx
+++ b/blog/components/Alist.tsx
@@ -14,7 +14,9 @@ const Alist = () => {
- {post.title}
- {post.contents}
- 작성일 : {post.date}
+ {post?.title}
+ {post?.contents}
+ 작성일 : {post?.date}
From bdea55931f8296a6723e3d999b8b6dac8d6fe2fb Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 22:46:23 +0900
Subject: [PATCH 26/31] =?UTF-8?q?[fix]=20=EC=98=A4=EB=A5=98=20=EC=88=98?=
=?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/components/EditContent.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/blog/components/EditContent.tsx b/blog/components/EditContent.tsx
index a5ca016..e7fbe57 100644
--- a/blog/components/EditContent.tsx
+++ b/blog/components/EditContent.tsx
@@ -50,7 +50,7 @@ const EditContent = () => {
setContents('');
router.push('/');
} else {
- alert('제목을 입력해주세요');
+ alert('제목을 입력해주세요!');
}
},
[title, contents]
From 3620b9b913579a3d9486d20180935a08e73ce193 Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 23:15:49 +0900
Subject: [PATCH 27/31] add favicon
---
blog/public/favicon.ico | Bin 0 -> 25931 bytes
1 file changed, 0 insertions(+), 0 deletions(-)
create mode 100644 blog/public/favicon.ico
diff --git a/blog/public/favicon.ico b/blog/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c
GIT binary patch
literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UXIbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M>36U4Us
zfgYWSiHZL3;lpWT=zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7?r!zQTPPSv}{so2e>Fjs1{gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1
zrO6RSXHH}DMc$&|?D004DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*Ay{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDTN}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4UlIWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyTDrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5EajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7giLVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z?J;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1edAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91P8|av8hQoCmQXkd?7wIJwb
z_^v8bbg`SAn{I*4bH$u(RZ6*xUhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq36!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=pC^S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk($?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvhCL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111aH}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*IcmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=A=yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v#ix45EVrcEhr>!NMhprl$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C
zI@}scZlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m
literal 0
HcmV?d00001
From 09acb20b1d90b1123ae5c4c02631152371bb52aa Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Fri, 20 May 2022 23:22:58 +0900
Subject: [PATCH 28/31] =?UTF-8?q?=ED=8F=B4=EB=8D=94=EA=B5=AC=EC=A1=B0=20?=
=?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
blog/.eslintrc.json => .eslintrc.json | 0
blog/.gitignore => .gitignore | 0
README.md | 56 +++++++-----------
blog/README.md | 34 -----------
{blog/components => components}/Alist.tsx | 0
{blog/components => components}/AppLayout.tsx | 0
.../DetailContent.tsx | 0
.../components => components}/EditContent.tsx | 2 +-
{blog/hooks => hooks}/useInput.tsx | 0
blog/next-env.d.ts => next-env.d.ts | 0
blog/next.config.js => next.config.js | 0
blog/package-lock.json => package-lock.json | 0
blog/package.json => package.json | 0
{blog/pages => pages}/_app.tsx | 0
{blog/pages => pages}/_document.tsx | 0
{blog/pages => pages}/edit/[id].tsx | 0
{blog/pages => pages}/get/[id].tsx | 0
{blog/pages => pages}/index.tsx | 0
{blog/pages => pages}/post.tsx | 0
{blog/public => public}/favicon.ico | Bin
{blog/store => store}/posts.json | 0
{blog/store => store}/recoil.tsx | 0
{blog/styles => styles}/CommonStyle.tsx | 0
{blog/styles => styles}/GlobalStyle.tsx | 0
blog/tsconfig.json => tsconfig.json | 2 +-
25 files changed, 22 insertions(+), 72 deletions(-)
rename blog/.eslintrc.json => .eslintrc.json (100%)
rename blog/.gitignore => .gitignore (100%)
delete mode 100644 blog/README.md
rename {blog/components => components}/Alist.tsx (100%)
rename {blog/components => components}/AppLayout.tsx (100%)
rename {blog/components => components}/DetailContent.tsx (100%)
rename {blog/components => components}/EditContent.tsx (97%)
rename {blog/hooks => hooks}/useInput.tsx (100%)
rename blog/next-env.d.ts => next-env.d.ts (100%)
rename blog/next.config.js => next.config.js (100%)
rename blog/package-lock.json => package-lock.json (100%)
rename blog/package.json => package.json (100%)
rename {blog/pages => pages}/_app.tsx (100%)
rename {blog/pages => pages}/_document.tsx (100%)
rename {blog/pages => pages}/edit/[id].tsx (100%)
rename {blog/pages => pages}/get/[id].tsx (100%)
rename {blog/pages => pages}/index.tsx (100%)
rename {blog/pages => pages}/post.tsx (100%)
rename {blog/public => public}/favicon.ico (100%)
rename {blog/store => store}/posts.json (100%)
rename {blog/store => store}/recoil.tsx (100%)
rename {blog/styles => styles}/CommonStyle.tsx (100%)
rename {blog/styles => styles}/GlobalStyle.tsx (100%)
rename blog/tsconfig.json => tsconfig.json (95%)
diff --git a/blog/.eslintrc.json b/.eslintrc.json
similarity index 100%
rename from blog/.eslintrc.json
rename to .eslintrc.json
diff --git a/blog/.gitignore b/.gitignore
similarity index 100%
rename from blog/.gitignore
rename to .gitignore
diff --git a/README.md b/README.md
index f2e9c56..c87e042 100644
--- a/README.md
+++ b/README.md
@@ -1,50 +1,34 @@
-# 6주차 미션: React-Blog 📄
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-# 서론
+## Getting Started
-안녕하세요 🙌🏻 15기 프론트 파트장 **김주현**입니다.
+First, run the development server:
-이번주에는 새 프로젝트인 **블로그** 만들기를 진행합니다. 이번 과제에서는 Next.js를 사용해 보며 SSR을 이해하고, 각 팀별로 미리 호흡을 맞춰 보는 좋은 기회가 될 것 같습니다.
+```bash
+npm run dev
+# or
+yarn dev
+```
-# 미션
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-## 미션 목표
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
-- Next.js 사용법을 공부해 봅니다.
-- 성능 최적화를 위한 방법을 적용해 봅니다.
-- Git을 이용한 협업 방식에 익숙해집니다.
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
-## 기한
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-- 2022년 5월 20일 금요일 **(기한 엄수!)**
+## Learn More
-## 필수 요건
+To learn more about Next.js, take a look at the following resources:
-- 기본적인 CRUD를 구현합니다.
-- 메인 페이지, 포스트 상세 페이지, 에디터 페이지로 구성합니다.
-- 메인 페이지에서는 각 포스트들의 제목과 작성 날짜를 리스트 형태로 보여줍니다.
-- 포스트 상세 페이지에서는 제목, 작성일, 본문의 내용을 표시합니다.
-- 포스트를 수정할 때에는 기존에 작성된 내용을 에디터 페이지로 불러옵니다.
-- 포스트 삭제 기능을 구현합니다.
-- 성능 최적화를 위한 방법을 적용해 봅니다.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-## 선택 사항
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-- 웹 폰트를 사용합니다.
-- 카테고리 기능을 구현합니다.
-- 그 외에 자유롭게 기능을 추가해 주세요!
+## Deploy on Vercel
-## Key Question
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-- Next.js를 사용하는 이유
-- SEO란?
-- 성능 최적화를 위해 사용한 방법
-- 전반적인 협업 과정
-
-# 링크 및 참고자료
-
-- [Next.js Docs](https://nextjs.org/docs/getting-started)
-- [React 개발이 이렇게 쉬웠나? (Feat. Next.js)](https://geonlee.tistory.com/229)
-- [useCallback과 React.Memo를 이용한 렌더링 최적화](https://velog.io/@yejinh/useCallback%EA%B3%BC-React.Memo%EC%9D%84-%ED%86%B5%ED%95%9C-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%B5%9C%EC%A0%81%ED%99%94)
-- [성능 최적화](https://ui.toast.com/fe-guide/ko_PERFORMANCE)
-- [Git 협업 가이드](https://velog.io/@jinuku/Git-%ED%98%91%EC%97%85-%EA%B0%80%EC%9D%B4%EB%93%9C)
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/blog/README.md b/blog/README.md
deleted file mode 100644
index c87e042..0000000
--- a/blog/README.md
+++ /dev/null
@@ -1,34 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/blog/components/Alist.tsx b/components/Alist.tsx
similarity index 100%
rename from blog/components/Alist.tsx
rename to components/Alist.tsx
diff --git a/blog/components/AppLayout.tsx b/components/AppLayout.tsx
similarity index 100%
rename from blog/components/AppLayout.tsx
rename to components/AppLayout.tsx
diff --git a/blog/components/DetailContent.tsx b/components/DetailContent.tsx
similarity index 100%
rename from blog/components/DetailContent.tsx
rename to components/DetailContent.tsx
diff --git a/blog/components/EditContent.tsx b/components/EditContent.tsx
similarity index 97%
rename from blog/components/EditContent.tsx
rename to components/EditContent.tsx
index e7fbe57..a5ca016 100644
--- a/blog/components/EditContent.tsx
+++ b/components/EditContent.tsx
@@ -50,7 +50,7 @@ const EditContent = () => {
setContents('');
router.push('/');
} else {
- alert('제목을 입력해주세요!');
+ alert('제목을 입력해주세요');
}
},
[title, contents]
diff --git a/blog/hooks/useInput.tsx b/hooks/useInput.tsx
similarity index 100%
rename from blog/hooks/useInput.tsx
rename to hooks/useInput.tsx
diff --git a/blog/next-env.d.ts b/next-env.d.ts
similarity index 100%
rename from blog/next-env.d.ts
rename to next-env.d.ts
diff --git a/blog/next.config.js b/next.config.js
similarity index 100%
rename from blog/next.config.js
rename to next.config.js
diff --git a/blog/package-lock.json b/package-lock.json
similarity index 100%
rename from blog/package-lock.json
rename to package-lock.json
diff --git a/blog/package.json b/package.json
similarity index 100%
rename from blog/package.json
rename to package.json
diff --git a/blog/pages/_app.tsx b/pages/_app.tsx
similarity index 100%
rename from blog/pages/_app.tsx
rename to pages/_app.tsx
diff --git a/blog/pages/_document.tsx b/pages/_document.tsx
similarity index 100%
rename from blog/pages/_document.tsx
rename to pages/_document.tsx
diff --git a/blog/pages/edit/[id].tsx b/pages/edit/[id].tsx
similarity index 100%
rename from blog/pages/edit/[id].tsx
rename to pages/edit/[id].tsx
diff --git a/blog/pages/get/[id].tsx b/pages/get/[id].tsx
similarity index 100%
rename from blog/pages/get/[id].tsx
rename to pages/get/[id].tsx
diff --git a/blog/pages/index.tsx b/pages/index.tsx
similarity index 100%
rename from blog/pages/index.tsx
rename to pages/index.tsx
diff --git a/blog/pages/post.tsx b/pages/post.tsx
similarity index 100%
rename from blog/pages/post.tsx
rename to pages/post.tsx
diff --git a/blog/public/favicon.ico b/public/favicon.ico
similarity index 100%
rename from blog/public/favicon.ico
rename to public/favicon.ico
diff --git a/blog/store/posts.json b/store/posts.json
similarity index 100%
rename from blog/store/posts.json
rename to store/posts.json
diff --git a/blog/store/recoil.tsx b/store/recoil.tsx
similarity index 100%
rename from blog/store/recoil.tsx
rename to store/recoil.tsx
diff --git a/blog/styles/CommonStyle.tsx b/styles/CommonStyle.tsx
similarity index 100%
rename from blog/styles/CommonStyle.tsx
rename to styles/CommonStyle.tsx
diff --git a/blog/styles/GlobalStyle.tsx b/styles/GlobalStyle.tsx
similarity index 100%
rename from blog/styles/GlobalStyle.tsx
rename to styles/GlobalStyle.tsx
diff --git a/blog/tsconfig.json b/tsconfig.json
similarity index 95%
rename from blog/tsconfig.json
rename to tsconfig.json
index e6bb8eb..834d5af 100644
--- a/blog/tsconfig.json
+++ b/tsconfig.json
@@ -25,6 +25,6 @@
"**/*.tsx"
],
"exclude": [
- "node_modules"
+ "blog/node_modules"
]
}
From a64d5d70f61e4fe11e76e1e31af513f140cc0abc Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Sat, 21 May 2022 10:40:41 +0900
Subject: [PATCH 29/31] =?UTF-8?q?[chore]=20alert=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
components/EditContent.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/EditContent.tsx b/components/EditContent.tsx
index a5ca016..491b863 100644
--- a/components/EditContent.tsx
+++ b/components/EditContent.tsx
@@ -50,7 +50,7 @@ const EditContent = () => {
setContents('');
router.push('/');
} else {
- alert('제목을 입력해주세요');
+ alert('제목을 입력해주세요.');
}
},
[title, contents]
From e59c4fb15606c5761d5aecb165cf3a921c7ecd6f Mon Sep 17 00:00:00 2001
From: siwonblue <>
Date: Sat, 21 May 2022 17:22:13 +0900
Subject: [PATCH 30/31] [feat] README.md
---
README.md | 69 +++++++++++++++++++++++++++++++++++++++----------------
1 file changed, 49 insertions(+), 20 deletions(-)
diff --git a/README.md b/README.md
index c87e042..bbb9212 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,63 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-## Getting Started
+# 과제 제출
-First, run the development server:
+---
+모무 프론트