From 1f4aed1e8cdf7087def3fd57e6b308c48be264c6 Mon Sep 17 00:00:00 2001 From: haerong22 Date: Mon, 18 Apr 2022 19:13:04 +0900 Subject: [PATCH] emotion diary : home page --- emotiondiary/public/assets/emotion1.png | Bin 3606 -> 3465 bytes emotiondiary/public/assets/emotion2.png | Bin 3202 -> 3360 bytes emotiondiary/public/assets/emotion4.png | Bin 3360 -> 3202 bytes emotiondiary/public/assets/emotion5.png | Bin 3465 -> 3606 bytes emotiondiary/src/App.css | 94 ++++++++++++++++++++++ emotiondiary/src/App.js | 11 ++- emotiondiary/src/components/DiaryItem.js | 40 ++++++++++ emotiondiary/src/components/DiaryList.js | 97 +++++++++++++++++++++++ emotiondiary/src/pages/Home.js | 53 ++++++++++++- 9 files changed, 291 insertions(+), 4 deletions(-) create mode 100644 emotiondiary/src/components/DiaryItem.js create mode 100644 emotiondiary/src/components/DiaryList.js diff --git a/emotiondiary/public/assets/emotion1.png b/emotiondiary/public/assets/emotion1.png index a4dbd08e3126a8b41e6f7a7b5ef4190b6a9a7a12..047fcda92489d113316aeb782248b276f6aad34b 100644 GIT binary patch delta 3455 zcmV-_4S@2N9Elr{7YdOG1^@s6$1RE;ks%m=J4r-ARCt{2om+3)RuadLX<4@9i!N5| zB#vXZNrN_9G+A^XwpgHbvDoMOO^;>1f%X$@@(sM7Ao8Q1)_E?_*nP>vqKK32B0;d( zShiE&x`@|7w^K2#~1l6mKlnjb(QazuMX{xvga&f%P{TCK*yhMX0r7-RPtV@bw; z*p$VOx6c?`QoUZ{Kie1P@=I;b>sUe|COIokbJ4(Y&%-~xs1n^W9Ku|F!Nb3giolAA zdmoW820}_8FiA~;3k(hr*OD-o-^XK~I|NEha#l=o0p%ED69`N)!wW8~`VmHP1wu?* zL^*z7^Fmfp#FY^UD5dyZ$Gi6`2R{rHd_3e>1XFTIo} zo{5Cy3y_a4@N4f0u6rgD5(;K{F6HWo&s8yzkWc|(Z^}(UxfbR~Na%pDx6DV=uHcGi z;s!qt@|6!UP?MT=V|lUTo=H`IM>Q-`wUnRuQQ z*rzFoCK7!5C294t*bQ?tlyHZNd;FeS!g847&-eeU)31I=u~ag!Bqr{E3YTeJQfPtv z>Au|3y(_-S`?YmCD+8w|>vnw`Dg*loo={QVm+ze zV+g~ZNzRIsjInogV>*&=jVxI)$Z-4c*s{=Th%~WW+O(S0WVJYN4%|$SV;VCV0_Wm&-g8c_l(iuGJN3S!bfU z648c_^s3_RJQH~(q7}N{NmopK4z6WvBsv~lZM5=CBE}^qrK2i)Ra}=4m|~ip>VYZS zD<{YG11S@F4pu79)U&o~^x=PUJHXcp};zIlPs+(x-QS>WO^D);~zqjj~iM zA0NqGT`Y2AC>_6@8cF$O|Ih2oyXyy18f+gMOtPWgnC|<)_JXvt_jY$n;GdO!d2Om>0^5?OSab?VM^dWHrj z@jg5~87-e2P3UY8!(X?ha4>4WkRhidT~gfgM4 zt7_+W^a$P3WHM9uEOR|-;O&l*?i)zk`F+L8hgNwl2AUj?)=*R-PGKZIRN5#@mcr9; zY@qnnjawOizecCm1{1Mgw%4jgy{DGL(^HJew?flYo7M%R3~_g_TpzW1?w#RL&y#L7 zJwkW=%V72VQ~4|fgAlB!n_e`;#HUYCuJ4AC&(;3Krj>Kc$H%rpq!ZZrGB7>}K}@6G zr1ngXv{i8nt2YGdO@7-BUj`@%SUrEUT(a~<@`#Ino(a2{tlki)-Czh4*9TKQR?j^+ zK0;dxht4U=KLR5rV00i+wsPM8cDH<=f*I)_v^)TSO1`t!I7*|zTU|_;^Cc%JNISmY zjQ6EI-@~n2C`q{DnOy4)?GzBI-k0_)^$vm&(Q0YeH`}4|zEaw?JgS8GMQ1H?oceu1 zFD4Lw5!?)zpHn73t*|2PtomX9Pb+VV>bW^9jPws-7gJq7ijipZB^Valy&1sq*_kh) z?&PffYzRzRj}N9QV?(J7lretUUSrw<=Z(RXtM;L zdSS1YiDahxb#Yzy|DZa5Z*&}15X8@4vsizBGz!aYn%*5S&*OugR8FTjqeiBJ2MrQ)W4 zT&o>sVgnOb2NHwr%(*_0INPoq?0!9QCk^KZfQDy6FD58helarMlusz0=w>2~zJndu ze>Y>if`2YY#o@QJHftw*r?Gdhx@dXnhQ0)$1Br=nj7FG$Q$IJ? zkz#^J$YGC?V)dYKDxXF6s+C5kiL;vA2ffCX*YMbOZ+E28>@*dNN21-4$Y}r2Xe<&9 z?DK9mSX39io3^`A~^Qn3KO7#FmcrA6)HEWR#uT7 zVMS0H*2A8=b}r9Jjj;oe7sUNS(ndCh$s7*}m+5eXzrLEYfqF=!?rk z(b!0TG#XP)%EnC0MH&_@%>RLXuumLp?*+Ru84((k4gUS>yW(Fzx{I;-D|n>~wIwwd zD&Sh=thl7!1_}!h613Z3fN+w%ahMYu0?}ZbzJS#UAheCL^d43xv=Z2@)QI$1<{GwH zhzCxH3A*tR(-9Xiw5-GoZftikMI{6DI4&gShM0IFM}oqOD?(y!ZN#Gz6y;F3a7{?ejhsmf zjq=dos*so$TZHjZ-XpjF4$%^*BmL2BAu+G^o8x_d4zfR;2Z_+jeP0p z?wgp{?_n=b6>~>`GEC0TolSielY*QTAM(X^s(k{{iAjMHbX|N+urC9xnAq=SgdF8lbrC)E zqKa(?)M8TLqMGKOs*}PWgtI($5h(;hOlo*el?!>IKFdWEs67A!Cng0x`V;vP25;li5Y!on5`CH~OrLRbW(CUj!b z!W+CQ0=w_A=X$|6M22GlTV2R$LN6vgxWFbgN7CXPq0+BvnI9mS{h%e!PSBBJG71-+ hn*FeQ7t1ilegiBat1+S=WIg}@002ovPDHLkV1jZ3jV%BG delta 3597 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 T^AIf000000NkvXXu0mjfeJUN-CT4`13s@ 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 S#1jAj002ovPDHLkU;%<{n^evK delta 3176 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 S#1jAj002ovPDHLkU;%<{n^evK diff --git a/emotiondiary/public/assets/emotion5.png b/emotiondiary/public/assets/emotion5.png index 047fcda92489d113316aeb782248b276f6aad34b..a4dbd08e3126a8b41e6f7a7b5ef4190b6a9a7a12 100644 GIT binary patch delta 3597 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 diff --git a/emotiondiary/src/App.css b/emotiondiary/src/App.css index bb82961f..086b635b 100644 --- a/emotiondiary/src/App.css +++ b/emotiondiary/src/App.css @@ -100,3 +100,97 @@ header .head_btn_right { header button { font-family: "Nanum Pen Script", cursive; } + +/* DiaryList */ +.DiaryList .menu_wrapper { + margin-top: 20px; + margin-bottom: 30px; + + display: flex; + justify-content: space-between; +} + +.DiaryList .menu_wrapper .right_col { + flex-grow: 1; +} + +.DiaryList .menu_wrapper .right_col button { + width: 100%; +} + +.DiaryList .ControlMenu { + margin-right: 10px; + border: none; + border-radius: 5px; + background-color: #ececec; + + padding-top: 10px; + padding-bottom: 10px; + padding-left: 20px; + padding-right: 20px; + + cursor: pointer; + font-family: "Nanum Pen Script", cursive; + font-size: 18px; +} + +/* DiaryItem */ + +.DiaryItem { + padding-top: 15px; + padding-bottom: 15px; + + border-bottom: 1px solid #e2e2e2; + + display: flex; + justify-content: space-between; +} + +.DiaryItem .emotion_img_wrapper { + cursor: pointer; + min-width: 120px; + height: 80px; + border-radius: 5px; + display: flex; + justify-content: center; +} + +.DiaryItem .emotion_img_wrapper_1 { + background-color: #fd565f; +} +.DiaryItem .emotion_img_wrapper_2 { + background-color: #fd8446; +} +.DiaryItem .emotion_img_wrapper_3 { + background-color: #fdce17; +} +.DiaryItem .emotion_img_wrapper_4 { + background-color: #9dd772; +} +.DiaryItem .emotion_img_wrapper_5 { + background-color: #64c964; +} + +.DiaryItem .emotion_img_wrapper img { + width: 50%; +} + +.DiaryItem .info_wrapper { + flex-grow: 1; + cursor: pointer; + margin-left: 20px; +} + +.DiaryItem .diary_date { + font-weight: bold; + font-size: 25px; + margin-bottom: 5px; +} + +.DiaryItem .diary_content_preview { + font-size: 18px; +} + +.DiaryItem .btn_wrapper { + min-width: 70px; +} diff --git a/emotiondiary/src/App.js b/emotiondiary/src/App.js index 578a6f1c..ecb5f8d4 100644 --- a/emotiondiary/src/App.js +++ b/emotiondiary/src/App.js @@ -38,9 +38,16 @@ const reducer = (state, action) => { export const DiaryStateContext = React.createContext(); export const DiaryDispatchContext = React.createContext(); -function App() { - const [data, dispatch] = useReducer(reducer, []); +const dummyData = [ + { id: 1, emotion: 1, content: "오늘의일기 1번", date: 1650270903935 }, + { id: 2, emotion: 2, content: "오늘의일기 2번", date: 1650270903936 }, + { id: 3, emotion: 3, content: "오늘의일기 3번", date: 1650270903937 }, + { id: 4, emotion: 4, content: "오늘의일기 4번", date: 1650270903938 }, + { id: 5, emotion: 5, content: "오늘의일기 5번", date: 1650270903939 }, +]; +function App() { + const [data, dispatch] = useReducer(reducer, dummyData); const dataId = useRef(0); // CREATE diff --git a/emotiondiary/src/components/DiaryItem.js b/emotiondiary/src/components/DiaryItem.js new file mode 100644 index 00000000..01c02e94 --- /dev/null +++ b/emotiondiary/src/components/DiaryItem.js @@ -0,0 +1,40 @@ +import { useNavigate } from "react-router-dom"; + +import MyButton from "./MyButton"; + +const DiaryItem = ({ id, emotion, content, date }) => { + const navigate = useNavigate(); + + const env = process.env; + env.PUBLIC_URL = env.PUBLIC_URL || ""; + + const strDate = new Date(parseInt(date)).toLocaleDateString(); + + const goDetail = () => { + navigate(`/diary/${id}`); + }; + + const goEdit = () => { + navigate(`/edit/${id}`); + }; + + return ( +

+
+ +
+
+
{strDate}
+
{content.slice(0, 25)}
+
+
+ +
+
+ ); +}; + +export default DiaryItem; diff --git a/emotiondiary/src/components/DiaryList.js b/emotiondiary/src/components/DiaryList.js new file mode 100644 index 00000000..805b1250 --- /dev/null +++ b/emotiondiary/src/components/DiaryList.js @@ -0,0 +1,97 @@ +import { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import DiaryItem from "./DiaryItem"; +import MyButton from "./MyButton"; + +const sortOptionList = [ + { value: "lastest", name: "최신순" }, + { value: "oldest", name: "오래된 순" }, +]; + +const filterOptionList = [ + { value: "all", name: "전부다" }, + { value: "good", name: "좋은 감정만" }, + { value: "bad", name: "안좋은 감정만" }, +]; + +const ControlMenu = ({ value, onChange, optionList }) => { + return ( + + ); +}; + +const DiaryList = ({ diaryList }) => { + const navigate = useNavigate(); + const [sortType, setSortType] = useState("lastest"); + const [filter, setFilter] = useState("all"); + + const getProcessedDiaryList = () => { + const filterCallback = (item) => { + if (filter === "good") { + return parseInt(item.emotion) <= 3; + } else { + return parseInt(item.emotion) > 3; + } + }; + + const compare = (a, b) => { + if (sortType === "lastest") { + return parseInt(b.date) - parseInt(a.date); + } else { + return parseInt(a.date) - parseInt(b.date); + } + }; + + const copyList = [...diaryList]; + const filteredList = + filter === "all" ? copyList : copyList.filter((it) => filterCallback(it)); + const sortedList = filteredList.sort(compare); + return sortedList; + }; + + return ( +
+
+
+ + +
+
+ navigate("/new")} + /> +
+
+ + {getProcessedDiaryList().map((it) => ( + + ))} +
+ ); +}; + +DiaryList.defaultProps = { + diaryList: [], +}; + +export default DiaryList; diff --git a/emotiondiary/src/pages/Home.js b/emotiondiary/src/pages/Home.js index 45d702eb..6f90fa98 100644 --- a/emotiondiary/src/pages/Home.js +++ b/emotiondiary/src/pages/Home.js @@ -1,8 +1,57 @@ +import { useContext, useEffect, useState } from "react"; +import MyHeader from "../components/MyHeader"; +import MyButton from "../components/MyButton"; +import DiaryList from "../components/DiaryList"; +import { DiaryStateContext } from "../App"; + const Home = () => { + const diaryList = useContext(DiaryStateContext); + + const [data, setData] = useState([]); + const [curDate, setCurDate] = useState(new Date()); + + const headText = `${curDate.getFullYear()}년 ${curDate.getMonth() + 1}월`; + + useEffect(() => { + if (diaryList.length >= 1) { + const firstDay = new Date( + curDate.getFullYear(), + curDate.getMonth(), + 1 + ).getTime(); + + const lastDay = new Date( + curDate.getFullYear(), + curDate.getMonth() + 1, + 0 + ).getTime(); + + setData( + diaryList.filter((it) => firstDay <= it.date && it.date <= lastDay) + ); + } + }, [diaryList, curDate]); + + const increaseMonth = () => { + setCurDate( + new Date(curDate.getFullYear(), curDate.getMonth() + 1, curDate.getDate()) + ); + }; + + const decreaseMonth = () => { + setCurDate( + new Date(curDate.getFullYear(), curDate.getMonth() - 1, curDate.getDate()) + ); + }; + return (
-

Home

-

이곳은 홈 입니다.

+ } + rightChild={"} onClick={increaseMonth} />} + /> +
); };