{"version":3,"sources":["components/Login.js","components/Logout.jsx","components/Oauth.jsx","common/Utils.js","components/ThankYouCard.js","components/ThankYouList.js","components/ThankYouWrite.js","components/ThankYouLikeChild.jsx","components/ThankYouLike.jsx","components/Profile.jsx","components/Config.jsx","components/SetKey.jsx","components/Friends.jsx","components/MyScheduleBox.jsx","components/Todo.js","components/NoMatch.jsx","hooks/useSocket.js","hooks/useWindowSize.js","components/Message.jsx","components/Chat.js","components/MyDiv.jsx","components/MyDivM.jsx","components/MyDivs.jsx","components/FootNav.js","Layouts/Footer.js","components/TopBar.js","Layouts/Header.js","Layouts/Layout.js","actoins/type.jsx","reducers/layout.jsx","reducers/user.jsx","reducers/config.jsx","reducers/index.jsx","store/store.jsx","App.js","reportWebVitals.js","index.js"],"names":["Login","history","location","beforeFootNav","state","footNav","className","onClick","window","Kakao","isInitialized","init","Auth","authorize","redirectUri","process","JSON","stringify","backUrl","scope","src","width","Logout","dispatch","useDispatch","useEffect","axios","post","withCredentials","then","res","data","rdata","type","selectedIndex","push","withCookies","withRouter","params","URLSearchParams","search","code","get","stateJson","parse","grant_type","client_id","redirect_uri","NEXT_PUBLIC_KAKAO_REDIRECT_URI","method","url","qs","headers","access_token","expires_in","refresh_token","refresh_token_expires_in","message","loginState","catch","error","console","log","callFunc","getFormatDate","date","year","getFullYear","month","getMonth","day","getDate","hour","getHours","minute","getMinutes","copyObj","obj","copy","Array","isArray","slice","map","v","attr","hasOwnProperty","httpToHttps","replace","OnlineAvatar","withStyles","theme","badge","backgroundColor","color","boxShadow","palette","background","paper","position","top","left","height","borderRadius","animation","border","content","transform","opacity","Badge","useStyles","makeStyles","root","cardItem","boxSizing","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","divider","noPosting","margin","textAlign","fontSize","noPostingWrite","textDecoration","cursor","writer","display","flexDirection","lineHeight","cardPublishDate","cardtop","justifyContent","innerCardtop","alignItems","socialBig","paddingRight","marginBottom","social","moreBtn","inline","smallIcon","paddingLeft","alert","ScrollBar","scrollFrame","backgroundImage","backgroundAttachment","cardList","padding","Transition","React","forwardRef","props","ref","Slide","direction","gubun","selUser","classes","useState","posts","setPosts","isDialog","setIsDialog","needLogin","setNeedLogin","useSelector","user","isLogin","editID","useRef","editLoginGubun","editLoginID","noPostingString1","noPostingString2","noPostingString2Link","scrollbarRef","moreDatEmpty","fetcher","a","resp","onlineData","useSWR","refreshInterval","useSWRInfinite","index","postData","postDataSetSize","revalidate","setSize","loginGubun","id","myPostData","myPostDataSetSize","likePostData","likePostDataSetSize","anchorEl","setAnchorEl","isMenuPopShow","Boolean","avatarAnchorEl","setAvatarAnchorEl","isAvatarMenuPopShow","onScroll","useCallback","values","scrollTop","clientHeight","scrollHeight","current","prevSize","getPosts","title","newPostData","flat","err","forEach","length","Util","navUrl","pathname","split","pathName","ReactGA","initialize","set","page","pageview","getGA","onEditPop","event","target","closest","dataset","currentTarget","onAvatarMenu","logingubun","loginid","handleMenuClose","handleDialogClose","onDisLike","postid","postIndex","findIndex","item","_id","put","liker","newPosts","onLike","setTimeout","List","autoHide","onScrollFrame","Typography","component","idx","oriPosts","data-id","data-logingubun","author","data-loginid","ListItem","ListItemAvatar","some","posts_users","loginID","overlap","anchorOrigin","vertical","horizontal","variant","Avatar","alt","nickname","thumbnail_image_url","ListItemText","primary","Date","published_date","public","likes","find","i","secondary","regexifyString","input","pattern","decorator","match","style","visibility","Menu","keepMounted","transformOrigin","open","onClose","MenuItem","Dialog","TransitionComponent","aria-labelledby","aria-describedby","DialogTitle","DialogContent","DialogContentText","DialogActions","Button","delete","Alert","severity","TabPanel","children","value","other","role","hidden","Box","p","a11yProps","flexGrow","SimpleTabs","setValue","AppBar","Tabs","onChange","newValue","aria-label","Tab","label","minWidth","shadows","spacing","popOpen","setPopOpen","setContent","publicFlag","setPublicFlag","alertShow","setAlertShow","Grid","container","justify","xs","TextField","fullWidth","multiline","rows","rowsMax","placeholder","RadioGroup","row","name","defaultValue","FormControlLabel","control","Radio","Modal","maxWidth","ThankYouLikeChild","likeUser","setLikeUser","introduce","ThankYouLike","paddingTop","ProfileTop","mainImg","flex","mainText","between","ProfileTop3","large","sizeMiddle","fc","fcc","textMiddle","marginTop","editSaveBtn","aloginGubun","aloginId","loginId","editNickName","setEditNickName","editIntroduce","setEditIntroduce","editMode","setEditMode","myInfo","mutate","myPosts","myLikePosts","myLikeUser","likeMe","profile_image_url","nowrap","e","InputLabelProps","shrink","inputProps","step","nickName","newMyInfo","removeUserIdx","splice","Divider","world","flexWrap","textField","marginLeft","marginRight","HeaderCover","HeaderCopy","Config","config","pushOnOff","pushTime","noValidate","Checkbox","checked","startIcon","result","SetKey","iduuid","pushKey","androidID","button","rightButton","Friends","setChecked","friendList","setFriendList","handleToggle","currentIndex","indexOf","newChecked","elements","endIcon","Icon","uuids","dense","friend","profile_nickname","profile_thumbnail_image","ListItemSecondaryAction","uuid","mydiv","itemList","itemTop","overflow","whiteSpace","textOverflow","itemTest","MyScheduleBox","todayData","setTodayData","itemStyle","setItemStyle","selItem","selIng","selItemGubun","selItemID","selItemOriginX","selItemOriginY","selItemConclusionX","selItemConclusionY","selItemMoveX","selItemMoveY","onShowContent","onChangeState","touchStart","containerGubun","targetgubun","getBoundingClientRect","x","originX","originY","y","touchMove","targetTouches","pageX","pageY","newItemStyle","Object","assign","setDropZone","touchEnd","targetGubun","setDropZoneEnd","addData","removeData","dragStart","dataTransfer","setData","data-targetgubun","dropGubun","onDrop","preventDefault","souceGubun","getData","souceID","borderWidth","borderStyle","onDragOver","onDragLeave","draggable","onTouchMove","onTouchStart","onTouchEnd","onDragStart","todoContainer","todoToolbar","tool1","todoTable","yesterday","today","tomorrow1","tomorrow2","tomorrow3","Todo","dropYesterDayRef","dropTodayRef","dropTomorrow1Ref","dropTomorrow2Ref","dropTomorrow3Ref","testRef","yesterDayData","setYesterDayData","tomorrowData1","setTomorrowData1","dataGubun","addObj","newData","delIndex","returnObject","tool2","tool3","NoMatch","sockets","useSocket","workspace","disconnect","io","connect","transports","secure","undefined","useWindowSize","windowSize","setWindowSize","handleResize","innerWidth","innerHeight","addEventListener","removeEventListener","topBar","maxHeight","topBarImage","topBarText","flexBasis","messageBodyScrollBar","messageBodyContainer","messageBody","minHeight","messageLeft","alignSelf","wordBreak","messageRight","order","messageInputBox","textarea","Message","roomID","setRoomID","ismessageError","setIsmessageError","allChatData","setAllChatData","socket","rootRef","textareaRef","size","beforeScrollTop","chatOldMoreDatEmpty","view","scrollToBottom","chatUser","join","dedupingInterval","refreshWhenHidden","refreshWhenOffline","chatData","ChatMutate","chatRevalidate","sendMessage","sendUser","emit","wuser","wDateTime","roomName","newChatData","wdatetime","focus","renderSuggestion","suggestion","highlightedDisplay","focused","arrData","reverse","contentData","beforeContentData","unshift","getScrollHeight","on","off","isOnline","dayjs","format","TextareaAutosize","rowsMin","onKeyDown","key","shiftKey","appendSpaceOnAdd","trigger","myList","myDiv","myDivLeft","myDivRight","rowText","fontWeight","ccc","chatRoomList","setChatRoomList","room","chatTargetUser","chats_users","itemCover","MyDivM","tomorrowData","setTomorrowData","dropRef","createRef","document","querySelectorAll","dtIndex","draging","dragEnd","drop","MyDivs","navSelectedIndex","layout","bottom","BottomNavigation","showLabels","BottomNavigationAction","icon","Footer","appBar","light","menuButton","drawer","flexShrink","menulist","titleMargin","zIndex","isLeftMenu","setIsLeftMenu","topTitle","querySelector","userLoginGubun","userid","kakao_account","profile","_res","_err","socketID","Toolbar","IconButton","edge","Drawer","anchor","align","ListItemIcon","Link","sendCustom","templateId","templateArgs","description","Mail","aria-controls","aria-haspopup","Header","Layout","NAV_SELECTED","TOP_TITLE","SET_LOGIN_STATE","SET_USERINFO","CLEAR_USERINFO","SET_PUSHONOFF","SET_PUSHTIME","SET_PUSHKEY","initialState","action","profile_iamge_url","rootReducer","combineReducers","persistConfig","storage","enhancedReducer","persistReducer","reducers","createStore","__REDUX_DEVTOOLS_EXTENSION__","App","persistor","persistStore","store","loading","exact","path","ThankYouList","ThankYouWrite","Chat","Profile","Oauth","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","createMuiTheme","main","dark","contrastText","ReactDOM","render","StrictMode","ThemeProvider","getElementById"],"mappings":"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","file":"static/js/main.bd5d96a4.chunk.js","sourcesContent":["import React from 'react'\r\n\r\n\r\nexport default function Login({history,location}) {\r\n    \r\n\r\n    \r\n    // console.log(2,process.env.REACT_APP_KAKAO_REDIRECT_URI)\r\n    let beforeFootNav = \"\"\r\n    if(location.state && location.state.footNav)\r\n        beforeFootNav = location.state.footNav;\r\n    // console.log(beforeFootNav);\r\n\r\n    const loginTry = () =>{\r\n        if (false == window.Kakao.isInitialized()) {\r\n            window.Kakao.init(\"217aef66389e1e1e4dd640f461544ef3\");\r\n            window.Kakao.isInitialized();\r\n        }\r\n        window.Kakao.Auth.authorize({\r\n            redirectUri: `${process.env.REACT_APP_FRONT_URL}/oauth`,\r\n            state : JSON.stringify({backUrl : beforeFootNav}),\r\n            scope : 'profile,friends,talk_message'\r\n        });        \r\n    }\r\n    return (\r\n        <div>\r\n            <div className=\"LoginBox\">\r\n                <div className=\"info\">\r\n                    <h4>카카오 로그인을 통해 <br />서비스 이용하실 수 있습니다.</h4>\r\n                </div>\r\n                <div>\r\n                <img onClick={loginTry}\r\n                    src=\"https://k.kakaocdn.net/14/dn/btqCn0WEmI3/nijroPfbpCa4at5EIsjyf0/o.jpg\"\r\n                    width=\"222\"\r\n                />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import React , { useEffect } from 'react'\r\nimport axios from 'axios';\r\nimport {useDispatch} from 'react-redux'\r\n\r\n\r\nexport default function Logout({history,location}) {\r\n\r\n    const dispatch = useDispatch()\r\n\r\n    const logout = () =>{        \r\n        axios.post(`${process.env.REACT_APP_BACK_URL}/api/logout`,\"\",{\r\n            withCredentials: \"true\"\r\n        })\r\n            .then(res=>{\r\n                if(res.data.rdata === \"ok\"){\r\n                    // console.log(\"call CLEAR_USERINFO\");\r\n                    dispatch({type:\"CLEAR_USERINFO\"})\r\n                    dispatch({type:\"NAV_SELECTED\",selectedIndex:0}); // 첫페이지로\r\n                    history.push(\"/\");\r\n                }else{\r\n                    // console.log(\"error but call CLEAR_USERINFO\");\r\n                    dispatch({type:\"CLEAR_USERINFO\"})\r\n                    dispatch({type:\"NAV_SELECTED\",selectedIndex:0}); // 첫페이지로\r\n                    history.push(\"/\");\r\n                    \r\n                }\r\n            })\r\n    }\r\n\r\n    useEffect(() => {\r\n        logout()\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n        </>\r\n    )\r\n}\r\n","import React , { useEffect } from 'react'\r\nimport axios from 'axios';\r\nimport qs from 'qs';\r\nimport { withRouter } from 'react-router-dom';\r\nimport {withCookies , Cookies } from 'react-cookie'\r\nimport {useDispatch} from 'react-redux';\r\n\r\nexport default withCookies(withRouter(function Oauth({location,history}) {\r\n\r\n    const dispatch = useDispatch()\r\n    const params = new URLSearchParams(location.search);\r\n    const code = params.get(\"code\");\r\n    const state = params.get(\"state\");\r\n\r\n\r\n    const stateJson = (JSON.parse(state));\r\n    // console.log(stateJson);\r\n\r\n\r\n    \r\n\r\n    const callFunc = () => {\r\n\r\n\t\tconst data = { \r\n            grant_type : \"authorization_code\",\r\n            client_id : \"217aef66389e1e1e4dd640f461544ef3\", //217aef66389e1e1e4dd640f461544ef3\",\r\n            redirect_uri : process.env.NEXT_PUBLIC_KAKAO_REDIRECT_URI,\r\n            code : code\r\n        }\r\n\r\n        axios({\r\n            method: \"POST\",\r\n            url: \"https://kauth.kakao.com/oauth/token\",\r\n            data : qs.stringify(data),\r\n            headers: {\r\n                'Content-Type' : 'application/x-www-form-urlencoded;charset=utf-8',\r\n            },                                \r\n        }) \r\n            \r\n            .then(res => {\r\n                // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'\r\n                const { access_token , expires_in, refresh_token , refresh_token_expires_in } = res.data;\r\n                // console.log(access_token , expires_in, refresh_token , refresh_token_expires_in)\r\n                axios.post( `${process.env.REACT_APP_BACK_URL}/api/loginCookie`,\r\n                     {\r\n                         access_token : access_token,\r\n                         expires_in : expires_in,                        \r\n                         refresh_token : refresh_token,\r\n                         refresh_token_expires_in : refresh_token_expires_in,\r\n                     },\r\n                     {\r\n                         withCredentials: \"true\"\r\n                     }\r\n\r\n                )\r\n                     .then(res => {\r\n                        //  console.log(\"then:\" , res);\r\n                         if(res.data.message === \"ok\"){\r\n                            // 로그인 상태를 변경하기 위해 store dispath\r\n                            dispatch({type:\"SET_LOGIN_STATE\",loginState:true});                              \r\n                             if(stateJson.backUrl){\r\n                                // 이전페이지로 이동.\r\n                                history.push(stateJson.backUrl);\r\n                             }else{\r\n                                history.push('/');\r\n                             }\r\n                        }\r\n\r\n                    })\r\n                    .catch(error => {\r\n                        console.error(\"error\",error);\r\n                        history.push(\"/login\");\r\n                    })                          \r\n            })\r\n            .catch(error => {\r\n                console.log(\"error2\",error);\r\n                history.push(\"/login\");\r\n            })\r\n    }\r\n\r\n    useEffect(()=>{\r\n        callFunc();\r\n    },[])\r\n\r\n    return (\r\n        <>  \r\n        </>\r\n    )\r\n}))\r\n","export function getFormatDate(date) {\r\n  var year = date.getFullYear();              //yyyy\r\n  var month = (1 + date.getMonth());          //M\r\n  month = month >= 10 ? month : '0' + month;  //month 두자리로 저장\r\n  var day = date.getDate();                   //d\r\n  day = day >= 10 ? day : '0' + day;          //day 두자리로 저장\r\n  var hour = date.getHours();\r\n  hour = hour >= 10 ? hour : '0' + hour;      //hour 두자리로 저장\r\n  var minute = date.getMinutes();\r\n  minute = minute >= 10 ? minute : '0' + minute;          //minute 두자리로 저장\r\n  return year + '-' + month + '-' + day + ' ' + hour + ':' + minute;       //'-' 추가하여 yyyy-mm-dd hh:mm 형태 생성 가능\r\n}\r\n\r\nexport const copyObj = (obj) => {\r\n  var copy = {};\r\n  if (Array.isArray(obj)) {\r\n    copy = obj.slice().map((v) => {\r\n      return copyObj(v);\r\n    });\r\n  } else if (typeof obj === \"object\" && obj !== null) {\r\n    for (var attr in obj) {\r\n      if (obj.hasOwnProperty(attr)) {\r\n        copy[attr] = copyObj(obj[attr]);\r\n      }\r\n    }\r\n  } else {\r\n    copy = obj;\r\n  }\r\n  return copy;\r\n};\r\n\r\nexport const httpToHttps = (url) =>{\r\n  return url.replace(\"http://\",\"https://\");\r\n}","import React, { useEffect, useState, useRef, useCallback } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport useSWR, { useSWRInfinite } from \"swr\";\r\nimport ReactGA from \"react-ga\";\r\nimport { Scrollbars } from \"react-custom-scrollbars\";\r\nimport { makeStyles, withStyles, createMuiTheme } from \"@material-ui/core/styles\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport MoreVert from \"@material-ui/icons/MoreVert\";\r\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\r\nimport FavoriteBorder from \"@material-ui/icons/FavoriteBorder\";\r\nimport LockIcon from \"@material-ui/icons/Lock\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport axios from \"axios\";\r\nimport * as Util from \"../common/Utils\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport Badge from \"@material-ui/core/Badge\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport { BorderBottom } from \"@material-ui/icons\";\r\nimport regexifyString from \"regexify-string\";\r\n\r\nconst OnlineAvatar = withStyles((theme) => ({\r\n  badge: {\r\n    backgroundColor: \"#44b700\",\r\n    color: \"#44b700\",\r\n    boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n    \"&::after\": {\r\n      position: \"absolute\",\r\n      top: 0,\r\n      left: 0,\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      borderRadius: \"50%\",\r\n      animation: \"$ripple 1.2s infinite ease-in-out\",\r\n      border: \"1px solid currentColor\",\r\n      content: '\"\"',\r\n    },\r\n  },\r\n  \"@keyframes ripple\": {\r\n    \"0%\": {\r\n      transform: \"scale(.8)\",\r\n      opacity: 1,\r\n    },\r\n    \"100%\": {\r\n      transform: \"scale(2.4)\",\r\n      opacity: 0,\r\n    },\r\n  },\r\n}))(Badge);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    width: \"100%\",\r\n    height: \"calc(100vh - 140px)\",\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n  cardItem: {\r\n    boxSizing: \"border-box\",\r\n    border: \"1px solid black\",\r\n    borderTopLeftRadius: \"255px 15px\",\r\n    borderTopRightRadius: \"15px 255px\",\r\n    borderBottomRightRadius: \"225px 15px\",\r\n    borderBottomLeftRadius: \"15px 255px\",\r\n  },\r\n  divider: {\r\n    borderTopLeftRadius: \"255px 15px\",\r\n    borderTopRightRadius: \"15px 255px\",\r\n    borderBottomRightRadius: \"225px 15px\",\r\n    borderBottomLeftRadius: \"15px 255px\",\r\n  },\r\n  noPosting: {\r\n    margin: \"100px\",\r\n    textAlign: \"center\",\r\n    fontSize: \"0.95rem\",\r\n  },\r\n  noPostingWrite: {\r\n    textAlign: \"center\",\r\n    fontSize: \"0.75rem\",\r\n    textDecoration: \"underLine\",\r\n    cursor: \"pointer\",\r\n  },\r\n  writer: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    \"& span\": {\r\n      lineHeight: \"initial\",\r\n    },\r\n  },\r\n  cardPublishDate: {\r\n    color: \"rgba(0,0,0,0.80)\",\r\n    fontSize: \"1.1rem\",\r\n    display: \"inline\",\r\n  },\r\n  cardtop: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  innerCardtop: {\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n  },\r\n  socialBig: {\r\n    color: \"rgba(0,0,0,0.49)\",\r\n    fontSize: \"1.95rem\",\r\n    display: \"inline\",\r\n    paddingRight: \"10px\",\r\n    marginBottom: \"10px\",\r\n    cursor: \"pointer\",\r\n  },\r\n  social: {\r\n    color: \"rgba(0,0,0,0.49)\",\r\n    fontSize: \"0.95rem\",\r\n    display: \"inline\",\r\n    paddingRight: \"5px\",\r\n    cursor: \"pointer\",\r\n  },\r\n  moreBtn: {\r\n    cursor: \"pointer\",\r\n  },\r\n  content: {\r\n    color: \"rgba(0,0,0,0.89)\",\r\n    fontSize: \"1.25rem\",\r\n    display: \"block\",\r\n    margin: \"10px 0px\",\r\n  },\r\n  inline: {\r\n    display: \"inline\",\r\n  },\r\n  smallIcon: {\r\n    paddingLeft: \"3px\",\r\n    fontSize: \"0.8rem\",\r\n  },\r\n  alert: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    width: \"100%\",\r\n  },\r\n  ScrollBar: {\r\n    height: \"100vh\",\r\n    // backgroundColor: \"#b2c7d9\",\r\n  },\r\n  scrollFrame: {\r\n    backgroundImage: \"url(/images/linePaper2.jpg)\",\r\n    backgroundAttachment: \"local\",\r\n  },\r\n  cardList: {\r\n    padding: \"15px 10px\",\r\n  },\r\n}));\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n  return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nexport default withRouter(function ThankYouCard({ gubun, selUser, history }) {\r\n  const classes = useStyles();\r\n  const [posts, setPosts] = useState([]);\r\n  const [isDialog, setIsDialog] = React.useState(false);\r\n  const [needLogin, setNeedLogin] = useState(false);\r\n  // const [editID,setEditID] = useState('');\r\n  const { isLogin, user } = useSelector((state) => state.user);\r\n  let editID = useRef();\r\n  let editLoginGubun = useRef();\r\n  let editLoginID = useRef();\r\n\r\n  let noPostingString1 = useRef();\r\n  let noPostingString2 = useRef();\r\n  let noPostingString2Link = useRef();\r\n\r\n  const scrollbarRef = useRef();\r\n  const beforeScrollTop = useRef(0);\r\n  const moreDatEmpty = useRef(false);\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const fetcher = async (url) => {\r\n    const resp = await axios(url);\r\n    // console.log(resp.data);\r\n    return resp.data;\r\n  };\r\n\r\n  const { data: onlineData } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/onlinelist/`, fetcher, {\r\n    refreshInterval: 30000,\r\n  });\r\n\r\n  // 한 컴포넌트에 useSwr 을 여러가 써서 하는건 상당히 비효율적이다.\r\n\r\n  // 전체일기\r\n  const { data: postData, revalidate: postDataRevalidate, setSize: postDataSetSize } = useSWRInfinite(\r\n    (index) => `${process.env.REACT_APP_BACK_URL}/api/posts2?page=${index + 1}`\r\n  );\r\n\r\n  //내가 쓴 일기\r\n  const { data: myPostData, revalidate: myPostDataRevalidate, setSize: myPostDataSetSize } = useSWRInfinite((index) => {\r\n    if (user.loginGubun && user.id) {\r\n      return `${process.env.REACT_APP_BACK_URL}/api/posts2/author/${user.loginGubun}/${user.id}?page=${index + 1}`;\r\n    }\r\n  });\r\n\r\n  //좋아요 한 일기\r\n  const { data: likePostData, revalidate: likePostDataRevalidate, setSize: likePostDataSetSize } = useSWRInfinite((index) => {\r\n    if (user.loginGubun && user.id) {\r\n      return `${process.env.REACT_APP_BACK_URL}/api/posts2/mylike/${user.loginGubun}/${user.id}?page=${index + 1}`;\r\n    }\r\n  });\r\n\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n  const isMenuPopShow = Boolean(anchorEl);\r\n\r\n  const [avatarAnchorEl, setAvatarAnchorEl] = useState(null);\r\n  const isAvatarMenuPopShow = Boolean(avatarAnchorEl);\r\n\r\n  // 과거 채팅 로딩!\r\n  const onScroll = useCallback(\r\n    (values) => {\r\n      // console.log(e);\r\n      // console.log(\"values\", values);\r\n      // console.log(\"values.scrollTop\", values.scrollTop , values.clientHeight , values.scrollTop + values.clientHeight);\r\n      // console.log(\"values.scrollHeight\", values.scrollHeight);\r\n\r\n      if (values.scrollTop + values.clientHeight >= values.scrollHeight) {\r\n        // console.log(\"맨아래\");\r\n        if (moreDatEmpty.current) return;\r\n        // beforeScrollTop.current = scrollbarRef.current.view.scrollHeight;\r\n\r\n        if (gubun === \"all\") {\r\n          postDataSetSize((prevSize) => prevSize + 1).then(() => {});\r\n        } else if (gubun === \"my\") {\r\n          myPostDataSetSize((prevSize) => prevSize + 1).then(() => {});\r\n        } else if (gubun === \"like\") {\r\n          likePostDataSetSize((prevSize) => prevSize + 1).then(() => {});\r\n        }\r\n      }\r\n    },\r\n    [scrollbarRef]\r\n  );\r\n\r\n  const getPosts = () => {\r\n    // console.log(\"gubun\",gubun)\r\n    try {\r\n      if (gubun === \"all\") {\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 0 });\r\n        dispatch({ type: \"TOP_TITLE\", title: \"전체 일기보기\" });\r\n        noPostingString1.current = \"아직 작성된 일기가 없습니다.\";\r\n        noPostingString2.current = \"일기 쓰러가기\";\r\n        noPostingString2Link.current = \"/write\";\r\n\r\n        let newPostData = [];\r\n        // console.log(postData)\r\n        if (postData) {\r\n          if (Array.isArray(postData)) {\r\n            // alert(\"1 1\")\r\n            // alert(\"postData.length : \" + postData.length)\r\n            // alert(\"postData[0] : \" + postData[0])\r\n            try {\r\n              newPostData = postData.flat();\r\n            } catch (err) {\r\n              // alert(err);\r\n              alert(\"크롬이 최신문법을 알아듣지 못하고 있어요. 크롬을 업데이트 해주세요!\");\r\n            }\r\n            // alert(\"3 3\")\r\n\r\n            postData.forEach((post) => {\r\n              // console.log(post);\r\n              // console.log(post.length);\r\n              if (post.length < 10) {\r\n                // console.log(\"chatOldMoreDatEmpty\" , \"set\");\r\n                moreDatEmpty.current = true;\r\n              }\r\n            });\r\n          } else {\r\n            // alert(\"not array\")\r\n            newPostData.push(Util.copyObj(postData));\r\n          }\r\n        }\r\n\r\n        setPosts(newPostData);\r\n        // console.log(newPostData);\r\n      } else if (gubun === \"my\") {\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 0 });\r\n        dispatch({ type: \"TOP_TITLE\", title: \"내가쓴 일기보기\" });\r\n        noPostingString1.current = \"아직 작성된 일기가 없습니다.\";\r\n        noPostingString2.current = \"일기 쓰러가기\";\r\n        noPostingString2Link.current = \"/write\";\r\n\r\n        // console.log(user.id);\r\n        if (user.id == \"\") {\r\n          // console.log(1);\r\n          const navUrl = \"/\" + window.location.pathname.split(\"/\")[1];\r\n          history.push(\"/login\", { footNav: navUrl });\r\n        } else {\r\n          let newPostData = [];\r\n          // console.log(myPostData)\r\n          if (myPostData) {\r\n            if (Array.isArray(myPostData)) {\r\n              // console.log(\"array\")\r\n              newPostData = myPostData.flat();\r\n\r\n              myPostData.forEach((post) => {\r\n                // console.log(post);\r\n                // console.log(post.length);\r\n                if (post.length < 10) {\r\n                  // console.log(\"chatOldMoreDatEmpty\" , \"set\");\r\n                  moreDatEmpty.current = true;\r\n                }\r\n              });\r\n            } else {\r\n              // console.log(\"not array\")\r\n              newPostData.push(Util.copyObj(myPostData));\r\n            }\r\n          }\r\n\r\n          setPosts(newPostData);\r\n        }\r\n      } else if (gubun === \"like\") {\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 2 });\r\n        dispatch({ type: \"TOP_TITLE\", title: \"좋아요누른 일기\" });\r\n        noPostingString1.current = \"아직 좋아요를 누른 일기가 없습니다.\";\r\n        noPostingString2.current = \"일기 보러가기\";\r\n        noPostingString2Link.current = \"/\";\r\n\r\n        if (user.id == \"\") {\r\n          // console.log(1);\r\n          const navUrl = \"/\" + window.location.pathname.split(\"/\")[1];\r\n          history.push(\"/login\", { footNav: navUrl });\r\n        } else {\r\n          let newPostData = [];\r\n          // console.log(likePostData)\r\n          if (likePostData) {\r\n            if (Array.isArray(likePostData)) {\r\n              // console.log(\"array\")\r\n              newPostData = likePostData.flat();\r\n\r\n              likePostData.forEach((post) => {\r\n                // console.log(post);\r\n                // console.log(post.length);\r\n                if (post.length < 10) {\r\n                  // console.log(\"chatOldMoreDatEmpty\" , \"set\");\r\n                  moreDatEmpty.current = true;\r\n                }\r\n              });\r\n            } else {\r\n              // console.log(\"not array\")\r\n              newPostData.push(Util.copyObj(myPostData));\r\n            }\r\n          }\r\n\r\n          setPosts(newPostData);\r\n        }\r\n      } else if (gubun === \"sel\") {\r\n        // 프로필에서호출.\r\n        noPostingString1.current = \"아직 작성된 일기가 없습니다.\";\r\n        noPostingString2.current = \"다른 일기 보러가기\";\r\n        noPostingString2Link.current = \"/\";\r\n        axios\r\n          .get(`${process.env.REACT_APP_BACK_URL}/api/posts2/author/${selUser.loginGubun}/${selUser.id}`)\r\n          .then((res) => {\r\n            // console.log(res);\r\n            setPosts(res.data);\r\n          })\r\n          .catch((err) => {\r\n            console.log(err);\r\n            setPosts([]);\r\n          });\r\n      }\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n\r\n    // console.log(posts);\r\n  };\r\n\r\n  const getGA = () =>{\r\n    const pathName = window.location.pathname;\r\n    ReactGA.initialize(\"UA-173628111-2\");\r\n    ReactGA.set({ page: pathName });\r\n    ReactGA.pageview(pathName);    \r\n  }\r\n\r\n  useEffect(() => {\r\n    getGA();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (postData || myPostData || likePostData) {\r\n      getPosts();\r\n    }\r\n    // .then(res =>{\r\n    //   // console.log(res);\r\n    //   if(res && res.data){\r\n    //     setPosts(res.data);\r\n    //   }\r\n    // })\r\n  }, [postData, myPostData, likePostData]);\r\n\r\n  const goWrite = () => {\r\n    history.push(noPostingString2Link.current);\r\n  };\r\n\r\n  const onEditPop = (event) => {\r\n    // console.log(event.target.closest(\".parent\").dataset.id);\r\n    editID.current = event.target.closest(\".parent\").dataset.id;\r\n    console.log(editID.current);\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const onAvatarMenu = (event) => {\r\n    // console.log(event.target.closest(\".parent\").dataset);\r\n    editLoginGubun.current = event.target.closest(\".parent\").dataset.logingubun;\r\n    editLoginID.current = event.target.closest(\".parent\").dataset.loginid;\r\n    // console.log(editLoginGubun.current,editLoginID.current);\r\n    setAvatarAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleMenuClose = () => {\r\n    // editID = ''\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const handleAvatarMenuClose = () => {\r\n    // editID = ''\r\n    setAvatarAnchorEl(null);\r\n  };\r\n\r\n  const handleEdit = () => {\r\n    // console.log(editID.current)\r\n    history.push(`/edit/${editID.current}`);\r\n  };\r\n\r\n  const handleDelete = () => {\r\n    setIsDialog(true);\r\n    handleMenuClose();\r\n  };\r\n\r\n  const handleProfile = () => {\r\n    setAvatarAnchorEl(null);\r\n    history.push(`/profile/${editLoginGubun.current}/${editLoginID.current}`);\r\n  };\r\n\r\n  const handleMessage = () => {\r\n    setAvatarAnchorEl(null);\r\n    if (isLogin) {\r\n      history.push(`/profile/message/${editLoginGubun.current}/${editLoginID.current}`);\r\n    } else {\r\n      setNeedLogin(true);\r\n      setTimeout(() => {\r\n        setNeedLogin(false);\r\n      }, 1500);\r\n    }\r\n  };\r\n\r\n  const handleDeleteReal = () => {\r\n    axios\r\n      .delete(`${process.env.REACT_APP_BACK_URL}/api/posts/${editID.current}`)\r\n      .then((res) => {\r\n        getPosts();\r\n        setIsDialog(false);\r\n      })\r\n      .catch((err) => {\r\n        setIsDialog(false);\r\n      });\r\n  };\r\n\r\n  const handleDialogClose = () => {\r\n    setIsDialog(false);\r\n  };\r\n\r\n  const onDisLike = (event) => {\r\n    let postid = event.target.closest(\".parent\").dataset.id;\r\n    // console.log(event.target.dataset);\r\n    const postIndex = posts.findIndex((item) => {\r\n      if (item._id === postid) {\r\n        return true;\r\n      }\r\n    });\r\n    console.log(postIndex);\r\n    axios\r\n      .put(`${process.env.REACT_APP_BACK_URL}/api/dislikeposts/${postid}`, {\r\n        liker: user,\r\n      })\r\n      .then((res) => {\r\n        // console.log(posts)\r\n        // console.log(res.data)\r\n        // console.log(postIndex)\r\n        // console.log(posts[postIndex])\r\n        const newPosts = [...posts];\r\n        // console.log(newPosts)\r\n        newPosts[postIndex] = res.data[0];\r\n        // console.log(newPosts)\r\n        setPosts(newPosts);\r\n        // console.log(posts)\r\n      })\r\n      .catch(console.error);\r\n  };\r\n\r\n  const onLike = (event) => {\r\n    if (!isLogin) {\r\n      setNeedLogin(true);\r\n      setTimeout(() => {\r\n        setNeedLogin(false);\r\n      }, 1500);\r\n      return;\r\n    }\r\n\r\n    let postid = event.target.closest(\".parent\").dataset.id;\r\n\r\n    // console.log(event.target.parentNode.dataset.id);\r\n    // console.log(posts);\r\n    // let id = event.target.parentNode.dataset.id;\r\n\r\n    // const post = posts.find(item=>{\r\n    // if(item._id === id){\r\n    // return true;\r\n    // }\r\n    // });\r\n\r\n    // console.log(post)\r\n    const postIndex = posts.findIndex((item) => {\r\n      if (item._id === postid) {\r\n        return true;\r\n      }\r\n    });\r\n    // console.log(postIndex);\r\n\r\n    // if(post.likes){\r\n    // post.likes.push(user)\r\n    // }else{\r\n    // post.likes = [user]\r\n    // }\r\n\r\n    // const newPosts = posts;\r\n    // newPosts[postIndex] = post;\r\n    // console.log(newPosts);\r\n\r\n    // if(user.loginGubun && user.id && post.likes && post.likes.find(i => i.loginGubun == user.loginGubun) && post.likes.find(i => i.id == user.id)){\r\n    // console.log(true);\r\n    // } else{\r\n    // console.log(false);\r\n    // }\r\n\r\n    axios\r\n      .put(`${process.env.REACT_APP_BACK_URL}/api/likeposts/${postid}`, {\r\n        liker: user,\r\n      })\r\n      .then((res) => {\r\n        // console.log(\"res\",res)\r\n        // console.log(posts)\r\n        // console.log(res.data)\r\n        // console.log(postIndex)\r\n        // console.log(posts[postIndex])\r\n        // const newPosts = [...posts];\r\n        const newPosts = [...posts];\r\n        //console.log(newPosts)\r\n        newPosts[postIndex] = res.data[0];\r\n        //console.log(newPosts)\r\n        setPosts(newPosts);\r\n        //console.log(posts)\r\n      })\r\n      .catch(console.error);\r\n  };\r\n\r\n  if (!posts) {\r\n    return <div>로딩중</div>;\r\n  }\r\n\r\n  // console.log(\"posts\" , posts);\r\n\r\n  return (\r\n    <>\r\n      <List className={classes.root}>\r\n        <Scrollbars autoHide ref={scrollbarRef} onScrollFrame={onScroll} className={classes.ScrollBar}>\r\n          <div className={classes.scrollFrame}>\r\n            {/* { posts.error &&\r\n        <Typography component=\"div\" className={classes.noPosting}>{noPostingString1}\r\n          <Typography component=\"div\" className={classes.noPostingWrite} onClick={goWrite}>{noPostingString2}\r\n          </Typography>\r\n        </Typography>\r\n      } */}\r\n\r\n            {!Boolean(posts.length) && (\r\n              <Typography component=\"div\" className={classes.noPosting}>\r\n                {noPostingString1.current}\r\n                <Typography component=\"div\" className={classes.noPostingWrite} onClick={goWrite}>\r\n                  {noPostingString2.current}\r\n                </Typography>\r\n              </Typography>\r\n            )}\r\n            {Boolean(posts.length) &&\r\n              posts.map((post, idx, oriPosts) => {\r\n                // console.log(post)\r\n                return (\r\n                  <div\r\n                    key={idx}\r\n                    className=\"cardList parent\"\r\n                    data-id={post._id}\r\n                    data-logingubun={post.author.loginGubun}\r\n                    data-loginid={post.author.id}\r\n                  >\r\n                    <div className={classes.cardList}>\r\n                      <ListItem alignItems=\"flex-start\" className={classes.cardItem}>\r\n                        <ListItemAvatar>\r\n                          {Array.isArray(onlineData) &&\r\n                          onlineData.some(\r\n                            (data) => data.loginGubun === post.posts_users.loginGubun && data.id === post.posts_users.loginID\r\n                          ) ? (\r\n                            <OnlineAvatar\r\n                              overlap=\"circle\"\r\n                              anchorOrigin={{\r\n                                vertical: \"bottom\",\r\n                                horizontal: \"right\",\r\n                              }}\r\n                              variant=\"dot\"\r\n                            >\r\n                              <Avatar alt={post.posts_users.nickname} src={Util.httpToHttps(post.author.thumbnail_image_url)} onClick={onAvatarMenu} />\r\n                            </OnlineAvatar>\r\n                          ) : (\r\n                            <Avatar alt={post.posts_users.nickname} src={Util.httpToHttps(post.author.thumbnail_image_url)} onClick={onAvatarMenu} />\r\n                          )}\r\n                        </ListItemAvatar>\r\n                        <ListItemText\r\n                          primary={\r\n                            <>\r\n                              <div className={classes.cardtop}>\r\n                                <div className={classes.writer}>\r\n                                  <Typography component=\"span\" className={classes.cardPublishDate}>\r\n                                    {Util.getFormatDate(new Date(post.published_date))}\r\n                                    {post.public != \"public\" && <LockIcon className={classes.smallIcon} />}\r\n                                  </Typography>\r\n                                  <Typography component=\"span\">{`${post.posts_users.nickname}`}</Typography>\r\n                                </div>\r\n\r\n                                <div className={classes.innerCardtop}>\r\n                                  <Typography component=\"div\" className={classes.socialBig}>\r\n                                    {post.likes ? post.likes.length : 0}\r\n                                  </Typography>\r\n                                  {user.loginGubun &&\r\n                                  user.id &&\r\n                                  post.likes &&\r\n                                  post.likes.find((i) => i.loginGubun == user.loginGubun) &&\r\n                                  post.likes.find((i) => i.id == user.id) ? (\r\n                                    <Typography component=\"div\" className={classes.social} data-id={post._id} onClick={onDisLike}>\r\n                                      {\" \"}\r\n                                      <FavoriteIcon />\r\n                                    </Typography>\r\n                                  ) : (\r\n                                    <Typography component=\"div\" className={classes.social} data-id={post._id} onClick={onLike}>\r\n                                      {\" \"}\r\n                                      <FavoriteBorder />\r\n                                    </Typography>\r\n                                  )}\r\n                                  <Typography component=\"div\" className={classes.social}>\r\n                                    {\" \"}\r\n                                  </Typography>{\" \"}\r\n                                  {/* 여백 */}\r\n                                  {user.loginGubun && user.loginGubun === post.author.loginGubun && user.id && user.id === post.author.id && (\r\n                                    <Typography component=\"div\" className={classes.moreBtn} onClick={onEditPop}>\r\n                                      {\" \"}\r\n                                      <MoreVert />\r\n                                    </Typography>\r\n                                  )}\r\n                                </div>\r\n                              </div>\r\n                            </>\r\n                          }\r\n                          secondary={\r\n                            <>\r\n                              <Typography component=\"span\" variant=\"body2\" className={classes.content} color=\"textPrimary\">\r\n                                {regexifyString({\r\n                                  input: post.content,\r\n                                  pattern: /\\n|\\s/g,\r\n                                  decorator(match, index) {\r\n                                    // console.log(\"reg\" , match,index);\r\n                                    if (match.match(/\\n/)) {\r\n                                      return <br />;\r\n                                    }\r\n                                    if (match.match(/\\s/)) {\r\n                                      return <span style={{ visibility: \"hidden\" }}>A</span>;\r\n                                    }\r\n                                  },\r\n                                })}\r\n                              </Typography>\r\n                            </>\r\n                          }\r\n                        />\r\n                      </ListItem>\r\n                    </div>\r\n                    {/* <Divider variant=\"inset\" component=\"li\" className={classes.divider}/> */}\r\n                  </div>\r\n                );\r\n              })}\r\n          </div>\r\n        </Scrollbars>\r\n      </List>\r\n\r\n      <Menu\r\n        anchorEl={anchorEl}\r\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        id=\"editMenu\"\r\n        keepMounted\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        open={isMenuPopShow}\r\n        onClose={handleMenuClose}\r\n      >\r\n        <MenuItem onClick={handleEdit}>수정</MenuItem>\r\n        <MenuItem onClick={handleDelete}>삭제</MenuItem>\r\n      </Menu>\r\n      <Menu\r\n        anchorEl={avatarAnchorEl}\r\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        id=\"avatarMenu\"\r\n        keepMounted\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        open={isAvatarMenuPopShow}\r\n        onClose={handleAvatarMenuClose}\r\n      >\r\n        <MenuItem onClick={handleProfile}>프로필</MenuItem>\r\n        <MenuItem onClick={handleMessage}>메시지보내기</MenuItem>\r\n      </Menu>\r\n      <Dialog\r\n        open={isDialog}\r\n        TransitionComponent={Transition}\r\n        keepMounted\r\n        onClose={handleDialogClose}\r\n        aria-labelledby=\"alert-dialog-slide-title\"\r\n        aria-describedby=\"alert-dialog-slide-description\"\r\n      >\r\n        <DialogTitle id=\"alert-dialog-slide-title\">{\"데이터 삭제\"}</DialogTitle>\r\n        <DialogContent>\r\n          <DialogContentText id=\"alert-dialog-slide-description\">\r\n            정말 삭제하시겠습니까?\r\n            <br />\r\n            삭제된 데이타는 복구 불가능합니다.\r\n          </DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={handleDialogClose} color=\"primary\">\r\n            취소\r\n          </Button>\r\n          <Button onClick={handleDeleteReal} color=\"primary\">\r\n            삭제\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n      {needLogin && (\r\n        <div className={classes.alert}>\r\n          <Alert severity=\"error\" color=\"error\">\r\n            로그인후 이용가능합니다.\r\n          </Alert>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport ThankYouCard from \"./ThankYouCard\"\r\n\r\nfunction TabPanel(props) {\r\n  const { children, value, index, ...other } = props;\r\n\r\n  return (\r\n    <div\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`simple-tabpanel-${index}`}\r\n      aria-labelledby={`simple-tab-${index}`}\r\n      {...other}\r\n    >\r\n      {value === index && (\r\n        <Box p={3}>\r\n          <Typography>{children}</Typography>\r\n        </Box>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n  children: PropTypes.node,\r\n  index: PropTypes.any.isRequired,\r\n  value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index) {\r\n  return {\r\n    id: `simple-tab-${index}`,\r\n    'aria-controls': `simple-tabpanel-${index}`,\r\n  };\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    flexGrow: 1,\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n}));\r\n\r\nexport default function SimpleTabs() {\r\n  const classes = useStyles();\r\n  const [value, setValue] = React.useState(0);\r\n\r\n  const handleChange = (event, newValue) => {\r\n    setValue(newValue);\r\n  };\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <AppBar position=\"static\">\r\n        <Tabs value={value} onChange={handleChange} aria-label=\"simple tabs example\">\r\n          <Tab label=\"일기\" {...a11yProps(0)} />\r\n          <Tab label=\"내가쓴 일기\" {...a11yProps(1)} />\r\n        </Tabs>\r\n      </AppBar>\r\n      <div>\r\n        <TabPanel value={value} index={0} >\r\n          <ThankYouCard gubun=\"all\" />\r\n        </TabPanel>        \r\n        <TabPanel value={value} index={1}>\r\n          <ThankYouCard gubun=\"my\" />\r\n        </TabPanel>                \r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport { Button, TextField } from \"@material-ui/core\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport axios from \"axios\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport * as Util from \"../common/Utils\";\r\nimport { Redirect, Route, withRouter } from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  paper: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    minWidth: 200,\r\n    width: \"90%\",\r\n    backgroundColor: theme.palette.background.paper,\r\n    border: \"2px solid #000\",\r\n    boxShadow: theme.shadows[5],\r\n    padding: theme.spacing(2, 4, 3),\r\n    boxSizing: \"border-box\",\r\n  },\r\n\r\n  alert: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    width: \"100%\",\r\n  },\r\n}));\r\n\r\nexport default withRouter(function ThankYouWrite({ history, match }) {\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n\r\n  const postid = match.params.postid;\r\n\r\n  const navUrl = \"/\" + window.location.pathname.split(\"/\")[1];\r\n\r\n  const [popOpen, setPopOpen] = useState(false);\r\n  const [content, setContent] = useState(\"\");\r\n  const [publicFlag, setPublicFlag] = useState(\"public\");\r\n  const [alertShow, setAlertShow] = useState(false);\r\n  const { isLogin } = useSelector((state) => state.user); // user 의 state 를 가져오기!\r\n\r\n  const { user } = useSelector((state) => state.user);\r\n\r\n  useEffect(() => {\r\n    if (postid) {\r\n      axios\r\n        .get(`${process.env.REACT_APP_BACK_URL}/api/posts/${postid}`)\r\n        .then((res) => {\r\n          if (res.data.author.loginGubun == user.loginGubun && res.data.author.id == user.id) {\r\n            setContent(res.data.content);\r\n            setPublicFlag(res.data.public);\r\n            console.log(res.data.public);\r\n          } else {\r\n            alert(\"잘못된 호출입니다.\");\r\n            history.push(\"/\");\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    }\r\n  }, []);\r\n\r\n  const handleOpen = () => {\r\n    setPopOpen(true);\r\n  };\r\n  const handleClose = () => {\r\n    setPopOpen(false);\r\n  };\r\n\r\n  const handleRadioChange = (event) => {\r\n    setPublicFlag(event.target.value);\r\n  };\r\n\r\n  const onClick = () => {\r\n    // console.log(user);\r\n    if (postid) {\r\n      axios\r\n        .put(`${process.env.REACT_APP_BACK_URL}/api/posts/${postid}`, {\r\n          content: content,\r\n          public: publicFlag,\r\n          author: user,\r\n          published_date: Util.getFormatDate(new Date()),\r\n        })\r\n        .then((res) => {\r\n          setAlertShow(true);\r\n          setContent(\"\");\r\n          setTimeout(() => {\r\n            setAlertShow(false);\r\n          }, 1500);\r\n        })\r\n        .catch(console.error);\r\n    } else {\r\n      axios\r\n        .post(`${process.env.REACT_APP_BACK_URL}/api/posts`, {\r\n          content: content,\r\n          public: publicFlag,\r\n          author: user,\r\n          published_date: Util.getFormatDate(new Date()),\r\n        })\r\n        .then((res) => {\r\n          setAlertShow(true);\r\n          setContent(\"\");\r\n          setTimeout(() => {\r\n            setAlertShow(false);\r\n          }, 1500);\r\n        })\r\n        .catch(console.error);\r\n    }\r\n  };\r\n\r\n  const onContentChange = (event) => {\r\n    setContent(event.target.value);\r\n  };\r\n\r\n  // loginCheck.\r\n  const loginCheck = async () => {\r\n    let returnData = false;\r\n    await axios.post(`${process.env.REACT_APP_BACK_URL}/api/loginCheck`, {}, { withCredentials: true }).then((res) => {\r\n      // console.log(1)\r\n      if (res.data.message === \"ok\") {\r\n        // console.log(2)\r\n        returnData = true;\r\n      }\r\n    });\r\n    return returnData;\r\n  };\r\n\r\n  useEffect(async () => {\r\n    //let isLoggin = await loginCheck(); // 서버 체크 해서 accesstoken 으로 체크!\r\n\r\n    // console.log(44,isLoggin);\r\n    if (!isLogin) {\r\n      history.push(\"/login\", { footNav: navUrl });\r\n    } else {\r\n      if (postid) {\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 1 });\r\n        dispatch({ type: \"TOP_TITLE\", title: \"일기 수정\" });\r\n      } else {\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 1 });\r\n        dispatch({ type: \"TOP_TITLE\", title: \"일기 쓰기\" });\r\n      }\r\n    }\r\n    // console.log(55,isLoggin);\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Grid container direction=\"row\" justify=\"center\" alignItems=\"center\" spacing={0}>\r\n        <Grid item xs={12} container direction=\"row\" justify=\"flex-end\" spacing={0}>\r\n          <Button\r\n            variant=\"contained\"\r\n            onClick={handleOpen}\r\n            style={{\r\n              margin: \"10px 5px\",\r\n            }}\r\n          >\r\n            어떤글을 적으면 좋을까?\r\n          </Button>\r\n          <Button\r\n            variant=\"contained\"\r\n            color=\"primary\"\r\n            onClick={onClick}\r\n            style={{\r\n              margin: \"10px 5px\",\r\n            }}\r\n          >\r\n            {postid ? \"수정\" : \"등록\"}\r\n          </Button>\r\n        </Grid>\r\n        <Grid item xs={12}>\r\n          <TextField\r\n            fullWidth\r\n            id=\"outlined-multiline-static\"\r\n            label=\"일기 작성\"\r\n            multiline\r\n            rows={6}\r\n            rowsMax={10}\r\n            placeholder=\"일기를 적어보세요! 무엇이든 좋습니다.\"\r\n            variant=\"outlined\"\r\n            value={content}\r\n            onChange={onContentChange}\r\n          />\r\n        </Grid>\r\n        <Grid>\r\n          <RadioGroup row aria-label=\"quiz\" name=\"quiz\" value={publicFlag} onChange={handleRadioChange} defaultValue=\"public\">\r\n            <FormControlLabel value=\"public\" control={<Radio />} label=\"공개\" />\r\n            <FormControlLabel value=\"pravate\" control={<Radio />} label=\"비공개\" />\r\n          </RadioGroup>\r\n        </Grid>\r\n      </Grid>\r\n\r\n      <Modal open={popOpen} onClose={handleClose} aria-labelledby=\"simple-modal-title\" aria-describedby=\"simple-modal-description\">\r\n        <div className={classes.paper}>\r\n          <Typography variant=\"h6\" component=\"h6\">\r\n            {\" \"}\r\n            어떤글을 적으면 좋을까?\r\n          </Typography>\r\n          {/* <img\r\n            src=\"/images/thankyou001.jpg\"\r\n            alt=\"감사일기\"\r\n            style={{\r\n              width: \"60%\",\r\n            }}\r\n          ></img>           */}\r\n          <br />\r\n          <ul>\r\n            <li>\r\n              긍정적 감정을 활성화시켜서 행복감을 증진시키는 <b>[감사일기]</b>\r\n            </li>\r\n            <br />\r\n            <li>\r\n              매일매일 한걸음 더 <strong>[3줄일기]</strong>\r\n            </li>\r\n            <br />\r\n            <li>\r\n              무엇이든 좋습니다.<br /><br />\r\n              기록하고 싶은글,<br /> 보여주고 싶은글,<br /> 감사일기,<br />3줄일기<br />무엇이든 일단 적으시면 됩니다.<br /><br />\r\n              꾸준히 적으면 적은만큼 성장할것입니다.\r\n            </li>            \r\n          </ul>\r\n          <br />\r\n          <Typography variant=\"h6\" component=\"h6\">\r\n            작성팁 보기\r\n          </Typography>\r\n          <div>\r\n            <button>감사일기</button>\r\n            <button>3줄일기</button>\r\n          </div>\r\n        </div>\r\n      </Modal>\r\n      {alertShow && (\r\n        <div className={classes.alert}>\r\n          <Alert severity=\"success\" color=\"info\">\r\n            정상적으로 등록되었습니다.\r\n          </Alert>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n","import React , { useEffect , useState} from 'react'\r\nimport {useSelector , useDispatch} from 'react-redux';\r\n\r\nimport { makeStyles  , List , ListItem , ListItemText , ListItemAvatar , Avatar } from '@material-ui/core';\r\nimport { Image as ImageIcon }from '@material-ui/icons';\r\nimport * as Util from \"../common/Utils\";\r\nimport axios from 'axios';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n      width: '100%',\r\n      maxWidth: 360,\r\n      backgroundColor: theme.palette.background.paper,\r\n    },\r\n  }));\r\n\r\nexport default function ThankYouLikeChild() {\r\n    const classes = useStyles();\r\n    const dispatch = useDispatch();\r\n\r\n    const [likeUser,setLikeUser] = useState([]);\r\n    const { user } = useSelector(state => state.user)\r\n    \r\n\r\n    const getLikeUser = () => {\r\n        axios\r\n            .get(`${process.env.REACT_APP_BACK_URL}/api/profile/likeuser/${user.loginGubun}/${user.id}`)\r\n            .then(res =>{\r\n                console.log(res.data);\r\n                setLikeUser(res.data);\r\n            })\r\n            .catch(err =>{\r\n                console.log(err);\r\n            })\r\n    }\r\n\r\n    useEffect(()=>{\r\n        dispatch({ type: \"NAV_SELECTED\", selectedIndex: 2 }); \r\n        dispatch({ type: \"TOP_TITLE\", title: \"좋아요누른 사용자\" }); \r\n    },[])\r\n\r\n    useEffect(() => {\r\n        getLikeUser();\r\n    }, [])\r\n\r\n\r\n    if(likeUser.error){\r\n        return (\r\n            <div>아직 좋아요를 한 사용자가 없습니다.</div>\r\n        )\r\n    }\r\n\r\n\r\n    return (\r\n        <div>\r\n            <List className={classes.root}>\r\n                {likeUser.map(item =>{\r\n                    return (\r\n                        <ListItem>\r\n                            <ListItemAvatar>\r\n                            <Avatar alt={item.nickname} src={Util.httpToHttps(item.thumbnail_image_url)} />\r\n                            </ListItemAvatar>\r\n                            <ListItemText primary={item.nickname} secondary={item.introduce} />\r\n                        </ListItem>\r\n                    )\r\n                })}             \r\n            </List>\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport ThankYouCard from \"./ThankYouCard\"\r\nimport ThankYouLikeChild from \"./ThankYouLikeChild\"\r\n\r\nfunction TabPanel(props) {\r\n    const { children, value, index, ...other } = props;\r\n\r\n    return (\r\n      <div\r\n        role=\"tabpanel\"\r\n        hidden={value !== index}\r\n        id={`simple-tabpanel-${index}`}\r\n        aria-labelledby={`simple-tab-${index}`}\r\n        {...other}\r\n      >\r\n        {value === index && (\r\n          <Box p={3}>\r\n            <Typography>{children}</Typography>\r\n          </Box>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  TabPanel.propTypes = {\r\n    children: PropTypes.node,\r\n    index: PropTypes.any.isRequired,\r\n    value: PropTypes.any.isRequired,\r\n  };\r\n  \r\n  function a11yProps(index) {\r\n    return {\r\n      id: `simple-tab-${index}`,\r\n      'aria-controls': `simple-tabpanel-${index}`,\r\n    };\r\n  }\r\n  \r\n  const useStyles = makeStyles((theme) => ({\r\n    root: {\r\n      flexGrow: 1,\r\n      backgroundColor: theme.palette.background.paper,\r\n    },\r\n  }));\r\n\r\nexport default function ThankYouLike() {\r\n\r\n\r\n    const classes = useStyles();\r\n    const [value, setValue] = React.useState(0);\r\n  \r\n    const handleChange = (event, newValue) => {\r\n      setValue(newValue);\r\n    };\r\n\r\n    return (\r\n        <div>\r\n            <AppBar position=\"static\">\r\n                <Tabs value={value} onChange={handleChange} aria-label=\"simple tabs example\">\r\n                <Tab label=\"일기\" {...a11yProps(0)} />\r\n                <Tab label=\"사용자\" {...a11yProps(1)} />\r\n                </Tabs>\r\n            </AppBar>\r\n            <div>\r\n                <TabPanel value={value} index={0} >\r\n                  <ThankYouCard gubun=\"like\" />\r\n                </TabPanel>        \r\n                <TabPanel value={value} index={1}>\r\n                  <ThankYouLikeChild />\r\n                </TabPanel>                \r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport ReactGA from \"react-ga\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport HomeIcon from \"@material-ui/icons/Home\";\r\nimport EmailIcon from \"@material-ui/icons/Email\";\r\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\r\nimport EditIcon from \"@material-ui/icons/Edit\";\r\nimport FavoriteTwoToneIcon from \"@material-ui/icons/FavoriteTwoTone\";\r\nimport FavoriteBorderIcon from \"@material-ui/icons/FavoriteBorder\";\r\nimport CreateIcon from \"@material-ui/icons/Create\";\r\nimport CreateTwoToneIcon from \"@material-ui/icons/CreateTwoTone\";\r\n\r\nimport ThumbUpAltOutlinedIcon from \"@material-ui/icons/ThumbUpAltOutlined\";\r\nimport ThumbUpAltTwoToneIcon from \"@material-ui/icons/ThumbUpAltTwoTone\";\r\n\r\nimport ThankYouCard from \"./ThankYouCard\";\r\nimport { Redirect, Route, withRouter } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport useSWR from \"swr\";\r\n\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    paddingTop: \"40px\",\r\n    paddingLeft: \"30px\",\r\n    paddingRight: \"30px\",\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n  ProfileTop: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  mainImg: {\r\n    flex: 3,\r\n  },\r\n  mainText: {\r\n    flex: 7,\r\n  },\r\n  between: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  ProfileTop3: {\r\n    display: \"flex\",\r\n    justifyContent: \"start\",\r\n  },\r\n  large: {\r\n    width: theme.spacing(10),\r\n    height: theme.spacing(10),\r\n  },\r\n  sizeMiddle: {\r\n    width: theme.spacing(5),\r\n    height: theme.spacing(5),\r\n  },\r\n  fc: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n  },\r\n  fcc: {\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n  },\r\n  textMiddle: {\r\n    fontSize: \"1.5rem\",\r\n  },\r\n  divider: {\r\n    marginTop: \"20px\",\r\n  },\r\n\r\n  alert: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    width: \"100%\",\r\n  },\r\n  editSaveBtn: {\r\n    marginTop : '10px',\r\n    display:'block'\r\n  },\r\n}));\r\n\r\nexport default withRouter(function Profile({ match }) {\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n\r\n  const aloginGubun = match.params.loginGubun;\r\n  const aloginId = match.params.loginId;\r\n\r\n  const [editNickName, setEditNickName] = useState(\"\");\r\n  const [editIntroduce, setEditIntroduce] = useState(\"\");\r\n  const [editMode, setEditMode] = useState(false);\r\n  const [needLogin, setNeedLogin] = useState(false);\r\n  const { isLogin } = useSelector((state) => state.user); // user 의 state 를 가져오기!\r\n  const { user } = useSelector((state) => state.user);\r\n\r\n  dispatch({ type: \"NAV_SELECTED\", selectedIndex: 4 }); // 없는페이지로!\r\n  dispatch({ type: \"TOP_TITLE\", title: \"프로필\" });\r\n\r\n  const fetcher = async (url) => {\r\n    const resp = await axios(url);\r\n    //console.log(resp.data);\r\n    return resp.data;\r\n  };\r\n\r\n  const { data: myInfo, mutate } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/profile/${aloginGubun}/${aloginId}`, fetcher);\r\n  const { data: myPosts } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/posts/author/${aloginGubun}/${aloginId}`, fetcher);\r\n  const { data: myLikePosts } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/posts/mylike/${aloginGubun}/${aloginId}`, fetcher);\r\n  const { data: myLikeUser } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/profile/likeuser/${aloginGubun}/${aloginId}`, fetcher);\r\n  // console.log(\"myinfo-data\",myInfo);\r\n  // console.log(\"myPosts\",myPosts);\r\n  // console.log(\"myLikePosts\", myLikePosts);\r\n  // console.log(\"myLikeUser\", myLikeUser);\r\n\r\n  if (myInfo && myInfo.likes && user) {\r\n    //console.log(\"in\")\r\n    const likeMeCheck = myInfo.likes.findIndex((likeUser) => {\r\n      // console.log(\"likeUser\",likeUser)\r\n      // console.log(\"user\",user)\r\n      return likeUser.loginGubun == user.loginGubun && likeUser.id == user.id && !user.id == \"\";\r\n    });\r\n    // console.log(likeMeCheck);\r\n    if (likeMeCheck >= 0) {\r\n      mutate({ ...myInfo, likeMe: true }, false); //\r\n    }\r\n  }\r\n  // console.log(\"myinfo\",myInfo);\r\n\r\n  const addLikeme = () => {\r\n    if (isLogin) {\r\n      axios\r\n        .put(`${process.env.REACT_APP_BACK_URL}/api/profile/like/${aloginGubun}/${aloginId}`, {\r\n          liker: user,\r\n        })\r\n        .then((res) => {\r\n          //console.log(res);\r\n          let newMyInfo = { ...myInfo, likeMe: true };\r\n          if (newMyInfo.likes) {\r\n            newMyInfo.likes.push(user);\r\n          } else {\r\n            newMyInfo.likes = [];\r\n            newMyInfo.likes.push(user);\r\n          }\r\n          mutate(newMyInfo);\r\n          // console.log(myInfo);\r\n        });\r\n    } else {\r\n      setNeedLogin(true);\r\n      setTimeout(() => {\r\n        setNeedLogin(false);\r\n      }, 1500);\r\n    }\r\n  };\r\n\r\n  const removeLikeme = () => {\r\n    if (isLogin) {\r\n      axios\r\n        .put(`${process.env.REACT_APP_BACK_URL}/api/profile/dislike/${aloginGubun}/${aloginId}`, {\r\n          liker: user,\r\n        })\r\n        .then((res) => {\r\n          // console.log(res);\r\n          let newMyInfo = { ...myInfo, likeMe: false };\r\n          let removeUserIdx = newMyInfo.likes.findIndex(function (item) {\r\n            return (item.loginGubun = user.loginGubun && item.id == user.id);\r\n          });\r\n          newMyInfo.likes.splice(removeUserIdx, 1);\r\n          mutate(newMyInfo);\r\n          // console.log(myInfo);\r\n        });\r\n    }\r\n  };\r\n\r\n  const onEditProfile = () => {\r\n    setEditNickName(myInfo.nickname);\r\n    setEditIntroduce(myInfo.introduce);\r\n    setEditMode(true);\r\n  };\r\n\r\n  const onSaveProfile = () => {\r\n    // console.log(aloginGubun);\r\n    // console.log(aloginId);\r\n    axios\r\n      .put(`${process.env.REACT_APP_BACK_URL}/api/profile/${aloginGubun}/${aloginId}`, {\r\n        nickName: editNickName,\r\n        introduce: editIntroduce,\r\n      },{\r\n        withCredentials : true\r\n      })\r\n      .then((res) => {\r\n        // console.log(res);\r\n        setEditMode(false);\r\n        mutate({...myInfo, nickName: editNickName , introduce:editIntroduce})\r\n      })\r\n      .catch((err) => {\r\n        setEditMode(false);\r\n      });\r\n  };\r\n\r\n  const onChangeName = (e) => {\r\n    setEditNickName(e.target.value);\r\n  };\r\n\r\n  const onChangeIntroduce = (e) => {\r\n    setEditIntroduce(e.target.value);\r\n  };\r\n\r\n  const getGA = () =>{\r\n    const pathName = window.location.pathname;\r\n    ReactGA.initialize(\"UA-173628111-2\");\r\n    ReactGA.set({ page: pathName });\r\n    ReactGA.pageview(pathName);    \r\n  }\r\n\r\n  useEffect(() => {\r\n    getGA();\r\n  }, []);  \r\n\r\n  if (!myInfo) {\r\n    return <>로딩중</>;\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <div className={classes.root}>\r\n        <div className={classes.ProfileTop}>\r\n          <div className={classes.mainImg}>\r\n            <Avatar alt={myInfo.nickname} src={myInfo.profile_image_url} className={classes.large} />\r\n          </div>\r\n          <div className={classes.mainText}>\r\n            {editMode ? (\r\n              <>\r\n                <div className={classes.between}>\r\n                  <Typography variant=\"h5\" component=\"h5\" nowrap>\r\n                  <TextField id=\"nickname\" name=\"nickname\" label=\"nickname\" \r\n                            value={editNickName} onChange={onChangeName}\r\n                            type=\"text\"\r\n                            InputLabelProps={{\r\n                              shrink: true,\r\n                            }}\r\n                            inputProps={{\r\n                                step: 300, // 5 min\r\n                            }} ></TextField>\r\n                    <Typography variant=\"span\" component=\"span\" nowrap>\r\n                      &nbsp;&nbsp;\r\n                    </Typography>\r\n                    {/* 다음에 홈페이지 및 이메일 기능 추가!? */}\r\n                    {/* <HomeIcon /> */}\r\n                    {/* <EmailIcon /> */}\r\n                  </Typography>\r\n                </div>\r\n                <Typography variant=\"h6\" component=\"h6\" nowrap>\r\n                  <TextField id=\"introduce\" name=\"introduce\" label=\"introduce\" \r\n                            value={editIntroduce} onChange={onChangeIntroduce}\r\n                            type=\"text\"\r\n                            InputLabelProps={{\r\n                              shrink: true,\r\n                            }}\r\n                            inputProps={{\r\n                                step: 300, // 5 min\r\n                            }} ></TextField>\r\n                </Typography>\r\n                <Typography variant=\"span\" component=\"span\" color=\"textSecondary\" nowrap className={classes.editSaveBtn} onClick={onSaveProfile}>\r\n                  <Button variant=\"contained\" color=\"primary\">\r\n                    저장\r\n                  </Button>\r\n                </Typography>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <div className={classes.between}>\r\n                  <Typography variant=\"h5\" component=\"h5\" nowrap>\r\n                    {myInfo.nickname}\r\n                    <Typography variant=\"span\" component=\"span\" nowrap>\r\n                      &nbsp;&nbsp;\r\n                    </Typography>\r\n                    {/* 다음에 홈페이지 및 이메일 기능 추가!? */}\r\n                    {/* <HomeIcon /> */}\r\n                    {/* <EmailIcon /> */}\r\n                  </Typography>\r\n                  <Typography variant=\"h5\" component=\"h5\" color=\"textSecondary\" nowrap className={classes.fc} onClick={onEditProfile}>\r\n                    <EditIcon />\r\n                  </Typography>\r\n                </div>\r\n\r\n                <Typography variant=\"h6\" component=\"h6\" nowrap>\r\n                  {myInfo.introduce}\r\n                </Typography>\r\n              </>\r\n            )}\r\n\r\n            <div className={classes.ProfileTop3}>\r\n              <Typography variant=\"div\" component=\"div\" nowrap>\r\n                {myInfo.likeMe ? <ThumbUpAltTwoToneIcon onClick={removeLikeme} /> : <ThumbUpAltOutlinedIcon onClick={addLikeme} />}\r\n              </Typography>\r\n              <Typography variant=\"span\" component=\"span\" nowrap>\r\n                &nbsp;\r\n              </Typography>\r\n              <Typography variant=\"div\" component=\"div\" nowrap className={classes.fcc}>\r\n                {myInfo.likes && myInfo.likes.length}\r\n              </Typography>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style={{ marginTop: \"10px\" }}>\r\n          <div className={classes.fcc}>\r\n            <CreateTwoToneIcon className={classes.sizeMiddle} />\r\n            <div className={classes.textMiddle}>{myPosts && myPosts.length ? myPosts.length : 0}</div>\r\n            <span>&nbsp;&nbsp;&nbsp;</span>\r\n            <FavoriteTwoToneIcon className={classes.sizeMiddle} />\r\n            <div className={classes.textMiddle}>{myLikePosts && myLikePosts.length ? myLikePosts.length : 0}</div>\r\n            <span>&nbsp;&nbsp;&nbsp;</span>\r\n            <ThumbUpAltTwoToneIcon className={classes.sizeMiddle} alt=\"나를 추천한 사용자\" />\r\n            <div className={classes.textMiddle}>{myLikeUser && myLikeUser.length ? myLikeUser.length : 0}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Divider variant=\"middle\" className={classes.divider} />\r\n      <div>\r\n        <ThankYouCard gubun=\"sel\" selUser={{ loginGubun: aloginGubun, id: aloginId }} />\r\n      </div>\r\n      {needLogin && (\r\n        <div className={classes.alert}>\r\n          <Alert severity=\"error\" color=\"error\">\r\n            로그인후 이용가능합니다.\r\n          </Alert>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n","import React , {useState , useEffect } from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport Icon from '@material-ui/core/Icon';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport SaveIcon from '@material-ui/icons/Save';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { useDispatch , useSelector } from 'react-redux';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport axios from 'axios'\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    world : {\r\n        display:'flex',\r\n        justifyContent:'center',\r\n        alignItems:'center',\r\n        marginTop:'30px'\r\n    },\r\n    container: {\r\n        display: 'flex',\r\n        flexWrap: 'wrap',\r\n        margin:'10px'\r\n    },\r\n    textField: {\r\n        marginLeft: theme.spacing(1),\r\n        marginRight: theme.spacing(1),\r\n        width: 200,\r\n    },\r\n    HeaderCover:{\r\n      display:'flex' ,\r\n      flexDirection:'column',\r\n      justifyContent:'center',\r\n      alignItems: 'center'\r\n    },\r\n    HeaderCopy:{\r\n        width:'80%',\r\n        textAlign:'center',\r\n    },\r\n    alert : {\r\n        top: `40%`,\r\n        left: `50%`,\r\n        transform: `translate(-50%, -50%)`,        \r\n        position: 'absolute',\r\n        width: '100%',        \r\n    }    \r\n}));\r\n\r\nexport default function Config({history}) {\r\n\r\n    const dispatch = useDispatch()\r\n    const classes = useStyles();\r\n    const [alertShow,setAlertShow] = useState(false);\r\n    const { isLogin , user } = useSelector(state => state.user) // user 의 state 를 가져오기!\r\n    const { pushOnOff , pushTime } = useSelector(state => state.config) // config 의 state 를 가져오기!\r\n\r\n    const onPushChange = () =>{\r\n        dispatch({type:\"SET_PUSHONOFF\",pushOnOff:!pushOnOff}); \r\n    }\r\n\r\n    const onPushTimeChange = (e) =>{\r\n        // console.log(\"onPushTimeChange\");\r\n        // console.log(e.target.value)\r\n        dispatch({type:\"SET_PUSHTIME\",pushTime:e.target.value});         \r\n    }\r\n\r\n    useEffect(async () => {\r\n        if(!isLogin){\r\n            const navUrl = \"/\" + window.location.pathname.split(\"/\")[1];\r\n            history.push(\"/login\",{ footNav: navUrl })    \r\n        }\r\n    }, [])    \r\n\r\n    const onSaveConfig = () =>{\r\n        // console.log(pushOnOff);\r\n        axios.post(`${process.env.REACT_APP_BACK_URL}/api/config`,{\r\n            loginGubun : user.loginGubun,\r\n            loginID: user.id,\r\n            pushOnOff: pushOnOff,\r\n            pushTime: pushTime,\r\n        })\r\n            .then(res =>{\r\n                // console.log(\"result\",res.data.result)\r\n                if(res.data.result == \"1\"){\r\n                    // console.log(\"result\")\r\n                    setAlertShow(true);\r\n                    setTimeout(() => {\r\n                        setAlertShow(false);\r\n                    }, 1500);                    \r\n                }else{\r\n                    // 저장에 실패하였습니다. // 이전데이터 표시!?\r\n                }\r\n            })\r\n            .catch(console.error)\r\n    }\r\n\r\n    return (\r\n\r\n        <div className={classes.world}>\r\n          \r\n            \r\n            <form className={classes.container} noValidate>\r\n                <Grid container direction=\"row\"  justify=\"center\"  alignItems=\"center\" spacing={0} >\r\n                    <Grid className={classes.HeaderCover}>\r\n                        <Typography component=\"div\" className={classes.HeaderCopy}>\r\n                            매일감사일기를 쓰게 되면 행복지수가 무려 75% 높아진다는 연구결과가 있습니다.\r\n                        </Typography>\r\n                        <br />\r\n                        <Typography component=\"div\" className={classes.HeaderCopy}>\r\n                            감사일기를 작성할 시간을 설정하여 꾸준히 작성해보세요\r\n                        </Typography>        \r\n                        <br />\r\n                        <Typography component=\"div\" className={classes.HeaderCopy}>\r\n                            해당시간에 푸시메시지를  통해 알려드리겠습니다.\r\n                        </Typography>                                         \r\n                    </Grid>                    \r\n                    <Grid item xs={12} style={{margin:'40px'}}></Grid>                    \r\n                    <Grid>\r\n                        <FormControlLabel\r\n                            control={<Checkbox checked={pushOnOff} onChange={onPushChange} name=\"pushOnOff\" />}\r\n                            label=\"푸시알림 사용여부\"\r\n                        />\r\n                    </Grid>                    \r\n                    <Grid item xs={12} style={{margin:'10px'}}></Grid>\r\n                    <Grid>\r\n                        <TextField\r\n                            id=\"pushTime\"\r\n                            label=\"푸시알림 시간\"\r\n                            type=\"time\"\r\n                            defaultValue={pushTime}\r\n                            className={classes.textField}\r\n                                InputLabelProps={{\r\n                            shrink: true,\r\n                            }}\r\n                            inputProps={{\r\n                                step: 300, // 5 min\r\n                            }}\r\n                            value={pushTime}\r\n                            onChange={onPushTimeChange}\r\n                        />\r\n                    </Grid>\r\n                    <Grid item xs={12} style={{margin:'20px'}}></Grid>\r\n                    <Grid>\r\n                        <Button variant=\"contained\" color=\"primary\" startIcon={<SaveIcon />} onClick={onSaveConfig}>\r\n                            저 장\r\n                        </Button>                \r\n                    </Grid>\r\n                </Grid>\r\n                </form>\r\n                { alertShow && (\r\n                <div className={classes.alert}>\r\n                    <Alert severity=\"success\" color=\"info\" >\r\n                        정상적으로 등록되었습니다.\r\n                    </Alert>         \r\n                </div>\r\n            )}                \r\n        </div>\r\n    )\r\n}\r\n","import React , { useEffect } from 'react'\r\nimport { useDispatch , useSelector } from 'react-redux';\r\nimport axios from 'axios'\r\n\r\nexport default function SetKey({location,history}) {\r\n\r\n    const params = new URLSearchParams(location.search);\r\n    const iduuid = params.get(\"iduuid\");\r\n    const pushKey = params.get(\"pushkey\");\r\n    const { isLogin , user } = useSelector(state => state.user)\r\n    const dispatch = useDispatch()\r\n\r\n    const saveKey = ()=>{\r\n        // console.log()\r\n        if(iduuid && pushKey){\r\n            if(isLogin){\r\n                // dispatch({type:\"SET_PUSHKEY\",androidID:iduuid,pushKey:pushKey}); \r\n                axios.post(`${process.env.REACT_APP_BACK_URL}/api/push`,{\r\n                    loginGubun : user.loginGubun,\r\n                    loginID: user.id,\r\n                    androidID : iduuid,\r\n                    pushKey : pushKey,\r\n                })\r\n                    .then(res =>{\r\n                        // console.log(\"result\",res.data.result)\r\n                        if(res.data.result == \"1\"){\r\n                            console.log(\"result\")\r\n                        }else{\r\n                            // 저장에 실패하였습니다. // 이전데이터 표시!?\r\n                        }\r\n                    })\r\n                    .catch(console.error)\r\n\r\n            }else{\r\n                // dispatch({type:\"SET_PUSHKEY\",androidID:iduuid,pushKey:pushKey}); \r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        saveKey()\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            \r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemSecondaryAction from \"@material-ui/core/ListItemSecondaryAction\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport Checkbox from \"@material-ui/core/Checkbox\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport axios from \"axios\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    width: \"100%\",\r\n    maxWidth: 360,\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n  button: {\r\n    margin: theme.spacing(1),\r\n  },\r\n  rightButton : {\r\n    display:'flex',\r\n    justifyContent:'flex-end',\r\n  },\r\n}));\r\n\r\nexport default function Friends() {\r\n  const classes = useStyles();\r\n  const [checked, setChecked] = React.useState([]);\r\n  const [friendList, setFriendList] = React.useState([]);\r\n\r\n  const handleToggle = (value) => () => {\r\n    const currentIndex = checked.indexOf(value);\r\n    const newChecked = [...checked];\r\n\r\n    if (currentIndex === -1) {\r\n      newChecked.push(value);\r\n    } else {\r\n      newChecked.splice(currentIndex, 1);\r\n    }\r\n\r\n    setChecked(newChecked);\r\n  };\r\n\r\n  const getFriendList = () => {\r\n    axios\r\n      .post(\r\n        `${process.env.REACT_APP_BACK_URL}/api/friendlist`,\r\n        {},\r\n        {\r\n          withCredentials: true,\r\n        }\r\n      )\r\n      .then((res) => {\r\n        // console.log(res);\r\n        setFriendList(res.data.rdata.elements);\r\n      })\r\n      .catch((err) => {\r\n        console.log(err);\r\n      });\r\n  };\r\n\r\n  const onSendInvite = () =>{\r\n    axios\r\n      .post(\r\n              `${process.env.REACT_APP_BACK_URL}/api/sendinvite`,\r\n              {\r\n                uuids : checked\r\n              },\r\n              {\r\n                withCredentials : true\r\n              },\r\n      )\r\n      .then(res =>{\r\n        console.log(res);\r\n      })\r\n      .catch(err =>{\r\n        console.error(err);\r\n      })\r\n      \r\n\r\n  }\r\n\r\n\r\n\r\n  useEffect(() => {\r\n    getFriendList();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      {/* <div>\r\n        <TextField fullWidth label=\"닉네임을 검색해보세요.\" margin=\"normal\" variant=\"outlined\" />\r\n      </div> */}\r\n      <div className={classes.rightButton}>\r\n        <Button variant=\"contained\" color=\"primary\" className={classes.button} endIcon={<Icon>send</Icon>} onClick={onSendInvite}>\r\n          초대\r\n        </Button>\r\n      </div>\r\n      <List dense className={classes.root}>\r\n        {friendList.map((friend) => {\r\n          return (\r\n            <>\r\n              <ListItem button>\r\n                <ListItemAvatar>\r\n                  <Avatar alt={friend.profile_nickname} src={friend.profile_thumbnail_image} />\r\n                </ListItemAvatar>\r\n                <ListItemText id={friend.profile_nickname} primary={friend.profile_nickname} />\r\n                <ListItemSecondaryAction>\r\n                  <Checkbox onChange={handleToggle(friend.uuid)} checked={checked.indexOf(friend.uuid) !== -1} />\r\n                </ListItemSecondaryAction>\r\n              </ListItem>\r\n              <ListItem button>\r\n                <ListItemAvatar>\r\n                  <Avatar alt={friend.profile_nickname} src={friend.profile_thumbnail_image} />\r\n                </ListItemAvatar>\r\n                <ListItemText id={friend.profile_nickname} primary={friend.profile_nickname} />\r\n                <ListItemSecondaryAction>\r\n                  <Checkbox onChange={handleToggle(friend.uuid)} checked={checked.indexOf(friend.uuid) !== -1} />\r\n                </ListItemSecondaryAction>\r\n              </ListItem>\r\n              <ListItem button>\r\n                <ListItemAvatar>\r\n                  <Avatar alt={friend.profile_nickname} src={friend.profile_thumbnail_image} />\r\n                </ListItemAvatar>\r\n                <ListItemText id={friend.profile_nickname} primary={friend.profile_nickname} />\r\n                <ListItemSecondaryAction>\r\n                  <Checkbox onChange={handleToggle(111)} checked={checked.indexOf(111) !== -1} />\r\n                </ListItemSecondaryAction>\r\n              </ListItem>\r\n              <ListItem button>\r\n                <ListItemAvatar>\r\n                  <Avatar alt={friend.profile_nickname} src={friend.profile_thumbnail_image} />\r\n                </ListItemAvatar>\r\n                <ListItemText id={friend.profile_nickname} primary={friend.profile_nickname} />\r\n                <ListItemSecondaryAction>\r\n                  <Checkbox onChange={handleToggle(11)} checked={checked.indexOf(11) !== -1} />\r\n                </ListItemSecondaryAction>\r\n              </ListItem>\r\n            </>\r\n          );\r\n        })}\r\n      </List>\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport ReactGA from \"react-ga\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { copyObj } from \"../common/Utils\";\r\n// import Draggable from \"react-draggable\";\r\n// import { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    // height: \"calc(100vh - 70px)\",\r\n    // border:'1px solid black'\r\n    // height : props => `${props.height}`\r\n  },\r\n  mydiv: {\r\n    margin: \"25px\",\r\n    padding: \"20px\",\r\n    // minHeight: \"200px\",\r\n    // height: \"15%\",\r\n    border: \"1px solid black\",\r\n    borderTopLeftRadius: \"255px 15px\",\r\n    borderTopRightRadius: \"15px 255px\",\r\n    borderBottomRightRadius: \"225px 15px\",\r\n    borderBottomLeftRadius: \"15px 255px\",\r\n    boxSizing: \"border-box\",\r\n    marginBottom: \"1%\",\r\n    position: \"relative\",\r\n    \"& .boxTitle\": {\r\n      position: \"absolute\",\r\n      top: \"-10px\",\r\n      left: \"5px\",\r\n      background: \"white\",\r\n      padding: \"0px 15px\",\r\n    },\r\n  },\r\n  itemList: {\r\n    height: \"100%\",\r\n    display: \"flex\",\r\n    flexWrap: \"wrap\",\r\n    justifyContent: \"start\",\r\n    alignItems: \"flex-start\",\r\n    // position: \"relative\",\r\n    // border: \"1px solid black\",\r\n  },\r\n  itemTop: {\r\n    // position: \"absolute\",\r\n    display: \"inline-block\",\r\n    marginBottom: \"1px\",\r\n  },\r\n  item: {\r\n    border: \"1px solid black\",\r\n    display: \"flex\",\r\n    justifyContent: \"space-around\",\r\n    marginRight: \"10px\",\r\n    \"& .itemTitle\": {\r\n      fontSize: \"0.9rem\",\r\n      width: \"110px\",\r\n      overflow: \"hidden\",\r\n      whiteSpace: \"nowrap\",\r\n      textOverflow: \"ellipsis\",\r\n      padding: \"0px 10px\",\r\n    },\r\n    \"& .itemState1\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#32df24\",\r\n    },\r\n    \"& .itemState2\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#ff0f24\",\r\n    },\r\n  },\r\n  itemTest: {\r\n    height: \"100%\",\r\n    border: \"1px solid black\",\r\n  },\r\n}));\r\n\r\nexport default function MyScheduleBox(props) {\r\n  const classes = useStyles(props);\r\n  const [todayData, setTodayData] = useState([]);\r\n  const [itemStyle, setItemStyle] = useState({});\r\n  const selItem = useRef({\r\n    selIng: 0,\r\n    selItemGubun: \"\",\r\n    selItemID: 0,\r\n    selItemOriginX: 0,\r\n    selItemOriginY: 0,\r\n    selItemConclusionX: 0,\r\n    selItemConclusionY: 0,\r\n    selItemMoveX: 0,\r\n    selItemMoveY: 0,\r\n  });\r\n\r\n  \r\n\r\n  const onShowContent = () => {\r\n    // console.log(1);\r\n  };\r\n\r\n  const onChangeState = () => {\r\n    // console.log(2);\r\n  };\r\n\r\n\r\n\r\n\r\n\r\n  const touchStart = (e) => {\r\n    let containerGubun;\r\n\r\n    console.log(e);\r\n\r\n    if (e.target.closest(\".drop-target\") && e.target.closest(\".itemTop\")) {\r\n      containerGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n\r\n      console.log(e.target);\r\n      console.log(e.target.closest(\".itemTop\").getBoundingClientRect().x)\r\n\r\n      if (\r\n        itemStyle.obj &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id] &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originX != 0 &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originY != 0\r\n      ) {\r\n        console.log(\"1\");\r\n        selItem.current = {\r\n          selIng: 1,\r\n          selItemGubun: containerGubun,\r\n          selItemID: e.target.closest(\".itemTop\").dataset.id,\r\n          selItemOriginX: itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originX,\r\n          selItemOriginY: itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originY,\r\n          selItemConclusionX: 0,\r\n          selItemConclusionY: 0,\r\n        };\r\n      } else {\r\n        // console.log(\"2\",e.target.closest(\".itemTop\").getBoundingClientRect().x);\r\n        // console.log(\"22\",e.target.closest(\".itemTop\").getBoundingClientRect().width / 2);\r\n        selItem.current = {\r\n          selIng: 1,\r\n          selItemGubun: containerGubun,\r\n          selItemID: e.target.closest(\".itemTop\").dataset.id,\r\n          selItemOriginX:\r\n            e.target.closest(\".itemTop\").getBoundingClientRect().x + e.target.closest(\".itemTop\").getBoundingClientRect().width / 2, //selItem.current.selItemConclusionX,\r\n          selItemOriginY:\r\n            e.target.closest(\".itemTop\").getBoundingClientRect().y + e.target.closest(\".itemTop\").getBoundingClientRect().height / 2, //selItem.current.selItemConclusionY,\r\n          selItemConclusionX: 0,\r\n          selItemConclusionY: 0,\r\n        };\r\n      }\r\n\r\n      // console.log(\"start\", selItem.current);\r\n      // console.log(\"start\", selItem.current.selIng);\r\n\r\n      // console.log(\"selsourceGubun\", selsourceGubun.current);\r\n      // console.log(\"selItemID\", selItemID.current);\r\n      // 모바일에 touch에서는 dataTransfer 가 없다!!\r\n      // e.dataTransfer.setData(\"sourceGubun\", containerGubun); // dataTransfer.setData\r\n      // e.dataTransfer.setData(\"itemID\", e.target.id); // dataTransfer.setData\r\n    }\r\n  };\r\n\r\n  const touchMove = (e) => {\r\n    // 이벤트가 발생된 마우스 좌표와 움직인 마우스 좌표\r\n    // console.log(\"e\",e) // 눈에 보이는 화면의좌표\r\n    // console.log(\"clientX_clientY\",e.targetTouches[0].clientX,e.targetTouches[0].clientY) // 눈에 보이는 화면의좌표\r\n    // console.log(\"pageX_pageY\",selItem.current.selItemConclusionX,selItem.current.selItemConclusionY) // 스크롤계산한 좌표\r\n    if (selItem.current.selIng == 1) {\r\n      // if (itemStyle.obj && itemStyle.obj[selItem.current.selItemID]) {\r\n      //   selItem.current.selItemBeforeMoveX = itemStyle.obj[selItem.current.selItemID].x;\r\n      //   selItem.current.selItemBeforeMoveY = itemStyle.obj[selItem.current.selItemID].y;\r\n      // } else {\r\n      //   selItem.current.selItemBeforeMoveX = 0;\r\n      //   selItem.current.selItemBeforeMoveY = 0;\r\n      // }\r\n      // console.log(\"selItemBeforeMoveY\", selItem.current.selItemBeforeMoveY);\r\n      selItem.current.selItemConclusionX = e.targetTouches[0].pageX;\r\n      selItem.current.selItemConclusionY = e.targetTouches[0].pageY;\r\n      selItem.current.selItemMoveX = selItem.current.selItemConclusionX - selItem.current.selItemOriginX;\r\n      selItem.current.selItemMoveY = selItem.current.selItemConclusionY - selItem.current.selItemOriginY;\r\n\r\n      // console.log(\"selItem.current\",selItem.current.selItemMoveX);\r\n      // console.log(\"selItem.current\",selItem.current.selItemMoveY);\r\n\r\n      let tempobj = {};\r\n      let obj = {};\r\n      obj[selItem.current.selItemID] = {\r\n        originX: selItem.current.selItemOriginX,\r\n        originY: selItem.current.selItemOriginY,\r\n        x: selItem.current.selItemMoveX,\r\n        y: selItem.current.selItemMoveY,\r\n      };\r\n      // console.log(\"obj\", obj);\r\n      const newItemStyle = { ...itemStyle };\r\n      if (newItemStyle.obj) {\r\n        obj = Object.assign(newItemStyle.obj, obj);\r\n      } else {\r\n        obj = Object.assign({}, obj);\r\n      }\r\n      // console.log(1, itemStyle);\r\n      setItemStyle({ ...itemStyle, obj });\r\n      // console.log(\"move\", selItem.current);\r\n      // document.querySelectorAll(\".drop-target\").forEach((selItem) => {\r\n      //   // console.log(\"selItem\",selItem);\r\n      //   selItem.style.borderWidth = \"1px\";\r\n      //   selItem.style.borderStyle = \"solid\";\r\n      // });\r\n\r\n      // console.log(dropRef.current[0].current.getBoundingClientRect());\r\n      // console.log(dropRef.current[1].current.getBoundingClientRect());\r\n\r\n      // const target = document.elementFromPoint(selItem.current.selItemConclusionX, selItem.current.selItemConclusionY);\r\n      // console.log(dropRef.current[0].current.getBoundingClientRect());\r\n      // console.log(dropRef.current[1].current.getBoundingClientRect());\r\n\r\n      // const dtIndex = dropRef.current.findIndex(\r\n      //   (item) =>\r\n      //     item.current.getBoundingClientRect().x <= selItem.current.selItemConclusionX &&\r\n      //     item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width >= selItem.current.selItemConclusionX &&\r\n      //     item.current.getBoundingClientRect().y <= selItem.current.selItemConclusionY &&\r\n      //     item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height >= selItem.current.selItemConclusionY\r\n      // );\r\n\r\n      // if (dtIndex >= 0 && dropRef.current[dtIndex]) {\r\n      //   // console.log(dtIndex);\r\n      //   dropRef.current[dtIndex].current.style.borderWidth = \"2px\";\r\n      //   dropRef.current[dtIndex].current.style.borderStyle = \"dashed\";\r\n      // }\r\n\r\n      props.setDropZone(selItem.current.selItemConclusionX,selItem.current.selItemConclusionY);\r\n\r\n      // const dropTarget = dropRef.current[\r\n      //   dropRef.current.findIndex(\r\n      //     (item) =>\r\n      //       item.current.getBoundingClientRect().x < selItem.current.selItemConclusionX &&\r\n      //       item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width > selItem.current.selItemConclusionX &&\r\n      //       item.current.getBoundingClientRect().y < selItem.current.selItemConclusionY &&\r\n      //       item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height > selItem.current.selItemConclusionX\r\n      //   )\r\n      // ].current;\r\n      // console.log(\"dropTarget\",dropTarget)\r\n      // dropTarget.style.borderWidth = \"2px\";\r\n      // dropTarget.style.borderWidth = \"dashed\";\r\n\r\n      // if (target) {\r\n      //   if (target.closest(\".drop-target\")) {\r\n      //     //console.log(1,292.2666931152344, 202.6666717529297,document.elementFromPoint(292.2666931152344 , 202.6666717529297).closest(\".drop-target\").dataset.targetgubun)\r\n      //     //console.log(2,selItem.current.selItemConclusionX, selItem.current.selItemConclusionY,target.closest(\".drop-target\").dataset.targetgubun)\r\n      //     // console.log(target.closest(\".drop-target\"));\r\n      //     if (target.closest(\".drop-target\")) {\r\n      //       target.closest(\".drop-target\").style.borderWidth = \"2px\";\r\n      //       target.closest(\".drop-target\").style.borderStyle = \"dashed\";\r\n      //     }\r\n      //   }\r\n      // }\r\n    }\r\n  };\r\n\r\n  const touchEnd = (e) => {\r\n    // return;\r\n    // console.log(e);\r\n\r\n    // console.log(selItem.current.selItemConclusionX);\r\n    // console.log(selItem.current.selItemConclusionY);\r\n    selItem.current.selIng = 0;\r\n    selItem.current.selItemMoveX = 0;\r\n    selItem.current.selItemMoveY = 0;\r\n    selItem.current.selItemOriginX = 0;\r\n    selItem.current.selItemOriginY = 0;\r\n\r\n    let tempobj = {};\r\n    let obj = {};\r\n    obj[selItem.current.selItemID] = {\r\n      originX: selItem.current.selItemOriginX,\r\n      originY: selItem.current.selItemOriginY,\r\n      x: selItem.current.selItemMoveX,\r\n      y: selItem.current.selItemMoveY,\r\n    };\r\n    console.log(\"obj\", obj);\r\n    const newItemStyle = { ...itemStyle };\r\n    if (newItemStyle.obj) {\r\n      obj = Object.assign(newItemStyle.obj, obj);\r\n    } else {\r\n      obj = Object.assign({}, obj);\r\n    }\r\n    // console.log(1, itemStyle);\r\n    setItemStyle({ ...itemStyle, obj });\r\n    // console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n    // console.log(e.changedTouches[0].target.closest(\".drop-target\").dataset.targetgubun);\r\n\r\n    // const target = document.elementFromPoint(selItem.current.selItemConclusionX, selItem.current.selItemConclusionY);\r\n    // const dtIndex = dropRef.current.findIndex(\r\n    //   (item) =>\r\n    //     item.current.getBoundingClientRect().x <= selItem.current.selItemConclusionX &&\r\n    //     item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width >= selItem.current.selItemConclusionX &&\r\n    //     item.current.getBoundingClientRect().y <= selItem.current.selItemConclusionY &&\r\n    //     item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height >= selItem.current.selItemConclusionY\r\n    // );\r\n\r\n    const targetGubun =  props.setDropZoneEnd(selItem.current.selItemConclusionX,selItem.current.selItemConclusionY);\r\n    props.addData(targetGubun, props.removeData(selItem.current.selItemGubun, selItem.current.selItemID));\r\n\r\n    // if (dtIndex >= 0 && dropRef.current[dtIndex]) {\r\n      // const targetGubun = dropRef.current[dtIndex].current.dataset.targetgubun;\r\n      // dropRef.current[dtIndex].current.style.borderWidth = \"1px\";\r\n      // dropRef.current[dtIndex].current.style.borderStyle = \"solid\";\r\n\r\n      // if (targetGubun !== selItem.current.selItemGubun && selItem.current.selItemGubun && targetGubun && selItem.current.selItemID) {\r\n      //   props.addData(targetGubun, props.removeData(selItem.current.selItemGubun, selItem.current.selItemID));\r\n      // }\r\n    // }\r\n  };\r\n\r\n  // const dg_dragStart = (e) => {\r\n  //   e.preventDefault();\r\n  //   console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n  //   console.log(e.target.closest(\".itemTop\").dataset.id);\r\n  //   // console.log(\"dg_dragStart\",e);\r\n  // };\r\n\r\n  // const dg_handleDrag = (e) => {\r\n  //   e.preventDefault();\r\n  //   // console.log(\"dg_handleDrag\", e);\r\n  // };\r\n\r\n  // const dg_handleStop = (e) => {\r\n  //   e.preventDefault();\r\n  //   console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n  //   console.log(e.target.closest(\".itemTop\").dataset.id);\r\n  // };\r\n\r\n  const dragStart = (e) => {\r\n    let containerGubun;\r\n    // console.log(e.target.dataset.id);\r\n    // console.log(\"dragStart e\", e);\r\n    if (e.target.closest(\".drop-target\")) {\r\n      // console.log(\".drop-target in\")\r\n      // console.log(\"e.target.closest(.drop-target).classList\" , e.target.closest(\".drop-target\").classList)\r\n      containerGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n      // console.log(\"containerGubun\", containerGubun);\r\n      // console.log(\"e.target.dataset.id\", e.target.dataset.id);\r\n      e.dataTransfer.setData(\"sourceGubun\", containerGubun); // dataTransfer.setData\r\n      e.dataTransfer.setData(\"itemID\", e.target.dataset.id); // dataTransfer.setData\r\n    }\r\n  };\r\n\r\n  const draging = (e) => {\r\n    e.preventDefault();\r\n    // console.log(\"draging\");\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"2px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"dashed\";\r\n    }\r\n  };\r\n\r\n  const dragEnd = (e) => {\r\n    e.preventDefault(); // 기본적으로 서로 다른 요소는 drop 이 안되는데 drop 가능하게 할려고!!\r\n    // console.log(e.target.closest(\".drop-target\"))\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n    }\r\n  };\r\n\r\n  const drop = (e) => {\r\n    e.preventDefault();\r\n\r\n    const souceGubun = e.dataTransfer.getData(\"sourceGubun\");\r\n    const souceID = e.dataTransfer.getData(\"itemID\");\r\n    let targetGubun;\r\n\r\n    console.log(\"drop in\");\r\n    console.log(souceGubun,souceID);\r\n    if (e.target.closest(\".drop-target\")) {\r\n      console.log(\"drop-target in\");\r\n      targetGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n      if (e.target.closest(\".drop-target\")) {\r\n        e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n        e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n      }\r\n\r\n      console.log(\"souceGubun\", souceGubun);\r\n      console.log(\"souceID\", souceID);\r\n      console.log(\"targetGubun\", targetGubun);\r\n\r\n      if (targetGubun !== souceGubun && souceGubun && targetGubun && souceID) {\r\n        props.addData(targetGubun, props.removeData(souceGubun, souceID));\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    setTodayData(props.data);\r\n    // console.log(todayData);\r\n  }, [props]);\r\n\r\n  // console.log(\"todayData\",todayData)\r\n  return (\r\n    <div className={classes.root}>\r\n      <div\r\n        className={`${classes.mydiv} drop-target `}\r\n        data-targetgubun={props.dropGubun}\r\n        onDrop={drop}\r\n        onDragOver={draging}\r\n        onDragLeave={dragEnd}\r\n      >\r\n        <div className=\"boxTitle\">{props.title}</div>\r\n        <div className={`${classes.itemList}`}>\r\n          {todayData.map((item) => {\r\n            if(!item)\r\n              return null\r\n\r\n            return (\r\n              <div\r\n                className={`${classes.itemTop} itemTop `}\r\n                key={item.id}\r\n                data-id={item.id}\r\n                draggable=\"true\"\r\n                onTouchMove={touchMove}\r\n                onTouchStart={touchStart}\r\n                onTouchEnd={touchEnd}\r\n                onDragStart={dragStart}\r\n                style={\r\n                  itemStyle.obj &&\r\n                  itemStyle.obj[item.id] && {\r\n                    transform: `translateX(${itemStyle.obj[item.id].x}px) translateY(${itemStyle.obj[item.id].y}px)`,\r\n                  }\r\n                }\r\n              >\r\n                <div className={classes.item}>\r\n                  <div className=\"itemTitle\" onClick={onShowContent}>\r\n                    {item.content}\r\n                  </div>\r\n                  <div className={item.state === \"O\" ? \"itemState2\" : \"itemState1\"} onClick={onChangeState}>\r\n                    {item.state}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport ReactGA from \"react-ga\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport MyScheduleBox from \"./MyScheduleBox\";\r\nimport { copyObj } from \"../common/Utils\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    width: \"100%\",\r\n    height: \"calc(100vh - 65px)\",\r\n    backgroundColor: theme.palette.background.paper,\r\n    padding: \"15px\",\r\n    boxSizing: \"border-box\",\r\n  },\r\n  todoContainer: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    height: \"100%\",\r\n  },\r\n  todoToolbar: {\r\n    flexGrow: 10,\r\n  },\r\n  tool1: {\r\n    height: \"30%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n  },\r\n  divider: {\r\n    flexGrow: 1,\r\n  },\r\n  todoTable: {\r\n    flexGrow: 30,\r\n  },\r\n  yesterday: {\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n    marginBottom: \"1%\",\r\n    position: \"relative\",\r\n    \"& .boxTitle\": {\r\n      position: \"absolute\",\r\n      top: \"-10px\",\r\n      left: \"5px\",\r\n      background: \"white\",\r\n      padding: \"0px 15px\",\r\n    },\r\n  },\r\n  today: {\r\n    height: \"36%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n  },\r\n  tomorrow1: {\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n    marginTop: \"1%\",\r\n  },\r\n  tomorrow2: {\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n    marginTop: \"1%\",\r\n  },\r\n  tomorrow3: {\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    boxSizing: \"border-box\",\r\n    marginTop: \"1%\",\r\n  },\r\n}));\r\n\r\nexport default function Todo() {\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n  // const dropRef = useRef([]);\r\n\r\n  const dropYesterDayRef = useRef(\"\");\r\n  const dropTodayRef = useRef(\"\");\r\n  const dropTomorrow1Ref = useRef(\"\");\r\n  const dropTomorrow2Ref = useRef(\"\");\r\n  const dropTomorrow3Ref = useRef(\"\");\r\n  const testRef = useRef(\"\");\r\n\r\n  const [yesterDayData, setYesterDayData] = useState([]);\r\n  const [todayData, setTodayData] = useState([]);\r\n  const [tomorrowData1, setTomorrowData1] = useState([]);\r\n  const [tomorrowData2, setTomorrowData2] = useState([]);\r\n  const [tomorrowData3, setTomorrowData3] = useState([]);\r\n\r\n  dispatch({ type: \"NAV_SELECTED\", selectedIndex: 4 }); // 없는페이지로!\r\n  dispatch({ type: \"TOP_TITLE\", title: \"일정관리\" });\r\n\r\n  const getGA = () => {\r\n    const pathName = window.location.pathname;\r\n    ReactGA.initialize(\"UA-173628111-2\");\r\n    ReactGA.set({ page: pathName });\r\n    ReactGA.pageview(pathName);\r\n  };\r\n\r\n  const addData = (dataGubun, addObj) => {\r\n    let newData;\r\n\r\n    switch (dataGubun) {\r\n      case \"yesterday\":\r\n        newData = [...yesterDayData, addObj];\r\n        setYesterDayData(newData);\r\n        break;\r\n      case \"today\":\r\n        newData = [...todayData, addObj];\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow1\":\r\n        newData = [...tomorrowData1, addObj];\r\n        setTomorrowData1(newData);\r\n        break;\r\n    }\r\n  };\r\n\r\n  const removeData = (dataGubun, id) => {\r\n    let newData;\r\n    let delIndex;\r\n    let returnObject;\r\n\r\n    console.log(\"dataGubun\", dataGubun);\r\n    console.log(\"id\", id);\r\n    switch (dataGubun) {\r\n      case \"yesterday\":\r\n        newData = [...yesterDayData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        console.log(\"delIndex\", delIndex);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setYesterDayData(newData);\r\n        break;\r\n      case \"today\":\r\n        newData = [...todayData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        console.log(\"delIndex\", delIndex);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow1\":\r\n        newData = [...tomorrowData1];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTomorrowData1(newData);\r\n\r\n        break;\r\n    }\r\n\r\n    // console.log(\"returnObject\", returnObject);\r\n    return returnObject;\r\n  };\r\n\r\n  const setDropZone = (x, y) => {\r\n    dropTodayRef.current.style.borderWidth = \"1px\";\r\n    dropTodayRef.current.style.borderStyle = \"solid\";\r\n    dropYesterDayRef.current.style.borderWidth = \"1px\";\r\n    dropYesterDayRef.current.style.borderStyle = \"solid\";\r\n\r\n    // dropTomorrow1Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow1Ref.current.style.borderStyle = \"solid\";\r\n    // dropTomorrow2Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow2Ref.current.style.borderStyle = \"solid\";\r\n    // dropTomorrow3Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow3Ref.current.style.borderStyle = \"solid\";\r\n\r\n    if (\r\n      dropTodayRef.current.getBoundingClientRect().x <= x &&\r\n      dropTodayRef.current.getBoundingClientRect().x + dropTodayRef.current.getBoundingClientRect().width >= x &&\r\n      dropTodayRef.current.getBoundingClientRect().y <= y &&\r\n      dropTodayRef.current.getBoundingClientRect().y + dropTodayRef.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      dropTodayRef.current.style.borderWidth = \"2px\";\r\n      dropTodayRef.current.current.style.borderStyle = \"dashed\";\r\n    }\r\n\r\n    if (\r\n      dropYesterDayRef.current.getBoundingClientRect().x <= x &&\r\n      dropYesterDayRef.current.getBoundingClientRect().x + dropYesterDayRef.current.getBoundingClientRect().width >= x &&\r\n      dropYesterDayRef.current.getBoundingClientRect().y <= y &&\r\n      dropYesterDayRef.current.getBoundingClientRect().y + dropYesterDayRef.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      dropYesterDayRef.current.style.borderWidth = \"2px\";\r\n      dropYesterDayRef.current.current.style.borderStyle = \"dashed\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow1Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().x + dropTomorrow1Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().y + dropTomorrow1Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      dropTomorrow1Ref.current.style.borderWidth = \"2px\";\r\n      dropTomorrow1Ref.current.current.style.borderStyle = \"dashed\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow2Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().x + dropTomorrow2Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().y + dropTomorrow2Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      dropTomorrow2Ref.current.style.borderWidth = \"2px\";\r\n      dropTomorrow2Ref.current.current.style.borderStyle = \"dashed\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow3Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().x + dropTomorrow3Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().y + dropTomorrow3Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      dropTomorrow3Ref.current.style.borderWidth = \"2px\";\r\n      dropTomorrow3Ref.current.current.style.borderStyle = \"dashed\";\r\n    }\r\n  };\r\n\r\n  const setDropZoneEnd = (x, y) => {\r\n\r\n    return;\r\n\r\n    if (dropTodayRef) {\r\n      dropTodayRef.current.style.borderWidth = \"1px\";\r\n      dropTodayRef.current.style.borderStyle = \"solid\";\r\n    }\r\n\r\n    if (dropYesterDayRef) {\r\n      dropYesterDayRef.current.style.borderWidth = \"1px\";\r\n      dropYesterDayRef.current.style.borderStyle = \"solid\";\r\n    }\r\n    // dropTomorrow1Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow1Ref.current.style.borderStyle = \"solid\";\r\n    // dropTomorrow2Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow2Ref.current.style.borderStyle = \"solid\";\r\n    // dropTomorrow3Ref.current.style.borderWidth = \"1px\";\r\n    // dropTomorrow3Ref.current.style.borderStyle = \"solid\";\r\n\r\n    if (\r\n      dropTodayRef.current.getBoundingClientRect().x <= x &&\r\n      dropTodayRef.current.getBoundingClientRect().x + dropTodayRef.current.getBoundingClientRect().width >= x &&\r\n      dropTodayRef.current.getBoundingClientRect().y <= y &&\r\n      dropTodayRef.current.getBoundingClientRect().y + dropTodayRef.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      return \"today\";\r\n    }\r\n\r\n    if (\r\n      dropYesterDayRef.current.getBoundingClientRect().x <= x &&\r\n      dropYesterDayRef.current.getBoundingClientRect().x + dropYesterDayRef.current.getBoundingClientRect().width >= x &&\r\n      dropYesterDayRef.current.getBoundingClientRect().y <= y &&\r\n      dropYesterDayRef.current.getBoundingClientRect().y + dropYesterDayRef.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      return \"yesterday\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow1Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().x + dropTomorrow1Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow1Ref.current.getBoundingClientRect().y + dropTomorrow1Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      return \"tomorrow1\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow2Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().x + dropTomorrow2Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow2Ref.current.getBoundingClientRect().y + dropTomorrow2Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      return \"tomorrow2\";\r\n    }\r\n\r\n    if (\r\n      dropTomorrow3Ref.current.getBoundingClientRect().x <= x &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().x + dropTomorrow3Ref.current.getBoundingClientRect().width >= x &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().y <= y &&\r\n      dropTomorrow3Ref.current.getBoundingClientRect().y + dropTomorrow3Ref.current.getBoundingClientRect().height >= y\r\n    ) {\r\n      return \"tomorrow3\";\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getGA();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    setYesterDayData([\r\n      {\r\n        id: 5,\r\n        content: \"리엑트 더욱더 공부하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 6,\r\n        content: \"리엑트 더욱더 공부하기\",\r\n        state: \"O\",\r\n      },\r\n    ]);\r\n    setTodayData([\r\n      {\r\n        id: 1,\r\n        content: \"라온이와 놀아주기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 2,\r\n        content: \"REACT 공부하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 3,\r\n        content: \"몽고디비 마스터 하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 4,\r\n        content: \"캘리 그리기\",\r\n        state: \"X\",\r\n      },\r\n    ]);\r\n    // console.log(yesterDayData);\r\n    // console.log(todayData);\r\n  }, []);\r\n\r\n\r\n  console.log(dropTodayRef);\r\n  console.log(testRef);\r\n  \r\n\r\n  return (\r\n    <div ref={testRef}>\r\n      <div className={classes.root}>\r\n        <div className={classes.todoContainer}>\r\n          <div className={classes.todoToolbar}>\r\n            <div className={classes.tool1}></div>\r\n            <div className={classes.tool2}></div>\r\n            <div className={classes.tool3}></div>\r\n          </div>\r\n          <div className={classes.divider}></div>\r\n          <div className={classes.todoTable}>\r\n            <MyScheduleBox\r\n              ref={dropYesterDayRef}\r\n              setDropZoneEnd={setDropZoneEnd}\r\n              setDropZone={setDropZone}\r\n              addData={addData}\r\n              removeData={removeData}\r\n              title=\"어제\"\r\n              dropGubun=\"yesterday\"\r\n              className={classes.yesterday}\r\n              data={yesterDayData}\r\n            />\r\n            <MyScheduleBox\r\n              ref={dropTodayRef}\r\n              setDropZoneEnd={setDropZoneEnd}\r\n              setDropZone={setDropZone}\r\n              addData={addData}\r\n              removeData={removeData}\r\n              title=\"오늘\"\r\n              dropGubun=\"today\"\r\n              className={classes.today}\r\n              data={todayData}\r\n            />\r\n            <div className={classes.tomorrow1}></div>\r\n            <div className={classes.tomorrow2}></div>\r\n            <div className={classes.tomorrow3}></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react'\r\n\r\nexport default function NoMatch() {\r\n    return (\r\n        <div>\r\n            잘못된 요청입니다.!!!!! 404!!!\r\n        </div>\r\n    )\r\n}\r\n","import React, { useCallback } from \"react\";\r\nimport io from \"socket.io-client\";\r\n\r\nconst sockets = {};\r\n\r\nconst useSocket = (workspace) => {\r\n  // 끊기\r\n  const disconnect = useCallback(() => {\r\n    if (workspace) {\r\n      sockets[workspace].disconnect();\r\n      delete sockets[workspace];\r\n    }\r\n  }, [workspace]);\r\n\r\n  if (!workspace) {\r\n    return [undefined, disconnect];\r\n  }\r\n\r\n  // 연결 , 범위설정을 해야 한다!\r\n  // namespace , room\r\n  if (!sockets[workspace]) {\r\n    // console.log(`${process.env.REACT_APP_BACK_URL}/ns-${workspace}`);\r\n    sockets[workspace] = io.connect(`${process.env.REACT_APP_BACK_URL_S}/ns-${workspace}`, {\r\n      transports: [\"websocket\"],\r\n      secure : true\r\n    });\r\n  }\r\n\r\n  // //보내기\r\n  // sockets[workspace].emit(\"hello\", \"world\"); // evnet명 , data\r\n\r\n  // //받기\r\n  // sockets[workspace].on(\"message\", (data) => {\r\n  //   // event명 , data를 파라미터로 받는 콜백함수\r\n  //   console.log(data);\r\n  // });\r\n\r\n  // //받기\r\n  // sockets[workspace].on(\"message2\", (data) => {\r\n  //   // event명 , data를 파라미터로 받는 콜백함수\r\n  //   console.log(data);\r\n  // });\r\n\r\n  return [sockets[workspace], disconnect];\r\n};\r\n\r\nexport default useSocket;\r\n","import React, { useState , useEffect } from \"react\";\r\n\r\n\r\nfunction useWindowSize() {\r\n    // Initialize state with undefined width/height so server and client renders match\r\n    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/\r\n    const [windowSize, setWindowSize] = useState({\r\n      width: undefined,\r\n      height: undefined,\r\n    });\r\n  \r\n    useEffect(() => {\r\n      // Handler to call on window resize\r\n      function handleResize() {\r\n        // Set window width/height to state\r\n        setWindowSize({\r\n          width: window.innerWidth,\r\n          height: window.innerHeight,\r\n        });\r\n      }\r\n      \r\n      // Add event listener\r\n      window.addEventListener(\"resize\", handleResize);\r\n      \r\n      // Call handler right away so state gets updated with initial window size\r\n      handleResize();\r\n      \r\n      // Remove event listener on cleanup\r\n      return () => window.removeEventListener(\"resize\", handleResize);\r\n    }, []); // Empty array ensures that effect is only run on mount\r\n  \r\n    return windowSize;\r\n  }\r\n\r\n  export default useWindowSize;","import React, { useRef, useState, useCallback, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport { makeStyles, withStyles, Badge, Avatar, Typography, TextareaAutosize, Button, Icon } from \"@material-ui/core\";\r\nimport { Alert } from \"@material-ui/lab\";\r\nimport { Scrollbars } from \"react-custom-scrollbars\";\r\nimport dayjs from \"dayjs\";\r\nimport { Mention } from \"react-mentions\";\r\nimport axios from \"axios\";\r\nimport useSWR, { useSWRInfinite } from \"swr\";\r\nimport useSocket from \"../hooks/useSocket\";\r\nimport useWindowSize from \"../hooks/useWindowSize\";\r\nimport regexifyString from \"regexify-string\";\r\n\r\nconst OnlineAvatar = withStyles((theme) => ({\r\n  badge: {\r\n    backgroundColor: \"#44b700\",\r\n    color: \"#44b700\",\r\n    boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\r\n    \"&::after\": {\r\n      position: \"absolute\",\r\n      top: 0,\r\n      left: 0,\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      borderRadius: \"50%\",\r\n      animation: \"$ripple 1.2s infinite ease-in-out\",\r\n      border: \"1px solid currentColor\",\r\n      content: '\"\"',\r\n    },\r\n  },\r\n  \"@keyframes ripple\": {\r\n    \"0%\": {\r\n      transform: \"scale(.8)\",\r\n      opacity: 1,\r\n    },\r\n    \"100%\": {\r\n      transform: \"scale(2.4)\",\r\n      opacity: 0,\r\n    },\r\n  },\r\n}))(Badge);\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    // height:'100%',\r\n    height: \"calc(100vh - 120px)\",\r\n  },\r\n  topBar: {\r\n    flex: 1 /* flex: 1 1 0 */,\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    backgroundColor: \"#a9bdce\",\r\n    padding: \"10px\",\r\n    maxHeight: \"40px\",\r\n  },\r\n  topBarImage: {\r\n    marginRight: \"0px\",\r\n  },\r\n  topBarText: {\r\n    marginLeft: \"10px\",\r\n    flexBasis: \"1\",\r\n  },\r\n  messageBodyScrollBar: {\r\n    flex: 10 /* flex: 1 1 0 */,\r\n    backgroundColor: \"#b2c7d9\",\r\n  },\r\n  messageBodyContainer: {\r\n    height: \"100%\",\r\n  },\r\n  messageBody: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    justifyContent: \"flex-end\",\r\n    minHeight: \"100%\",\r\n\r\n    // overflow: \"scroll\",\r\n  },\r\n  messageLeft: {\r\n    alignSelf: \"flex-start\",\r\n    // margin:'5px 5px 5px 0px',\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    padding: \"10px 0 5px 10px\",\r\n    maxWidth: \"55vw\",\r\n    wordBreak: \"break-all\",\r\n    \"& div:first-child\": {\r\n      backgroundColor: \"#eeeeee\",\r\n      padding: \"10px\",\r\n      borderRadius: \"10px\",\r\n    },\r\n    \"& div:last-child\": {\r\n      marginLeft: \"10px\",\r\n    },\r\n  },\r\n  messageRight: {\r\n    alignSelf: \"flex-end\",\r\n    // margin:'5px 5px 5px 0px',\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    padding: \"10px 10px 5px 0px\",\r\n    maxWidth: \"55vw\",\r\n    wordBreak: \"break-all\",\r\n    \"& div:first-child\": {\r\n      backgroundColor: \"#eeeeee\",\r\n      padding: \"10px\",\r\n      borderRadius: \"10px\",\r\n      order: 2,\r\n    },\r\n    \"& div:last-child\": {\r\n      marginRight: \"10px\",\r\n      order: 1,\r\n    },\r\n  },\r\n  messageInputBox: {\r\n    flex: 1 /* flex: 1 1 0 */,\r\n    display: \"flex\",\r\n    margin: \"4px 2px\",\r\n  },\r\n  textarea: {\r\n    flex: 8,\r\n    margin: \"0 15px 5px 0\",\r\n    height: \"100%\",\r\n    padding: \"5px\",\r\n  },\r\n  button: {\r\n    flex: 2,\r\n    marginRight: \"5px\",\r\n    backgroundColor: \"#ffeb33\",\r\n    color: \"black\",\r\n    borderRadius: \"10px\",\r\n    maxHeight: \"40px\",\r\n  },\r\n  alert: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    width: \"100%\",\r\n  },\r\n}));\r\n\r\nexport default function Message({ history, match }) {\r\n  const classes = useStyles();\r\n  const [content, setContent] = useState(\"\");\r\n  const [roomID, setRoomID] = useState(\"\");\r\n  const [ismessageError, setIsmessageError] = useState(false);\r\n  const [allChatData, setAllChatData] = useState({});\r\n\r\n  const [socket] = useSocket(\"chat\");\r\n  const { isLogin, user } = useSelector((state) => state.user);\r\n\r\n  const scrollbarRef = useRef();\r\n  const rootRef = useRef();\r\n  const textareaRef = useRef();\r\n  const size = useWindowSize();\r\n\r\n  const beforeScrollTop = useRef(0);\r\n  const chatOldMoreDatEmpty = useRef(false);\r\n\r\n  if (scrollbarRef.current) {\r\n    // console.log(\"현재 스크롤 정보 - top \", scrollbarRef.current.viewScrollTop);\r\n    // console.log(\"현재 스크롤 정보 - height \", scrollbarRef.current.view.scrollHeight);\r\n  }\r\n\r\n  // 과거 채팅 로딩!\r\n  const onScroll = useCallback(\r\n    (values) => {\r\n      if (values.scrollTop === 0) {\r\n        // console.log(chatOldMoreDatEmpty);\r\n        if (chatOldMoreDatEmpty.current) return;\r\n\r\n        // 기존 스크롤값 저장!\r\n        // console.log(\"onScroll\");\r\n        // console.log(\"스크롤이벤트 초기 스크롤크기\", scrollbarRef.current.view.scrollHeight);\r\n        beforeScrollTop.current = scrollbarRef.current.view.scrollHeight;\r\n\r\n        setSize((prevSize) => prevSize + 1).then(() => {\r\n          // beforeScrollTop =\r\n          // 데이터 가져오고\r\n          // console.log(\"scroll\" , \"chatData\" , chatData)\r\n          // 스크롤 고정 작업이 진행되고\r\n          // 데이터가 변해서 useEffect 실행되고\r\n          // useEffect 안에서 allChatData 가변경되고\r\n          // 화면 렌더링 되고!\r\n          // console.log(\"then\");\r\n          // // 스크롤 위치 고정!\r\n          // if (scrollbarRef.current) {\r\n          //   console.log(\"스크롤 고정\");\r\n          //   console.log(scrollbarRef.current.getScrollHeight()); // 현재 컨테이너의 스크롤 높이\r\n          //   console.log(values.scrollTop); // 현재 스크롤바의 위치\r\n          //   console.log(values.scrollHeight);\r\n          //   // scrollbarRef.current.scrollTop(scrollbarRef.current.getScrollHeight() - values.scrollHeight);\r\n          // }\r\n        });\r\n\r\n        // chatRevalidate(); // key 에 사용되는 url변수가 변경되지 않음!!!\r\n\r\n        // swr인피니티가 좋음!!\r\n      }\r\n    },\r\n    [scrollbarRef]\r\n  );\r\n\r\n  const scrollToBottom = () => {\r\n    // console.log(\"scrollToBottom\");\r\n    // 스크롤 내리기\r\n    if (scrollbarRef.current && scrollbarRef.current.scrollToBottom && typeof scrollbarRef.current.scrollToBottom === \"function\") {\r\n      setTimeout(() => {\r\n        if (scrollbarRef.current && scrollbarRef.current.scrollToBottom && typeof scrollbarRef.current.scrollToBottom === \"function\") {\r\n          scrollbarRef.current.scrollToBottom();\r\n        }\r\n      }, 100);\r\n      // scrollbarRef.current.scrollIntoView({ behavior: \"smooth\", block: \"end\", inline: \"nearest\" });\r\n    }\r\n  };\r\n\r\n  const aloginGubun = match.params.loginGubun;\r\n  const aloginId = match.params.loginId;\r\n\r\n  const fetcher = async (url) => {\r\n    const resp = await axios.get(url,{\r\n      withCredentials: true,\r\n    });\r\n    // console.log(resp.data);\r\n    return resp.data;\r\n  };\r\n\r\n  const { data: myInfo, mutate } = useSWR(`${process.env.REACT_APP_BACK_URL}/api/profile/${aloginGubun}/${aloginId}`, fetcher , {\r\n    refreshInterval : 30000\r\n  });\r\n  \r\n  let chatUser = [\r\n    {\r\n      loginGubun: \"\",\r\n      loginID: 0,\r\n    },\r\n    {\r\n      loginGubun: \"\",\r\n      loginID: 0,\r\n    },\r\n  ];\r\n  if (isLogin) {\r\n    chatUser = [\r\n      {\r\n        loginGubun: aloginGubun,\r\n        loginID: aloginId * 1,\r\n      },\r\n      {\r\n        loginGubun: user.loginGubun,\r\n        loginID: user.id * 1,\r\n      },\r\n    ];\r\n  } else {\r\n    const navUrl = \"/\" + window.location.pathname.split(\"/\").slice(1).join(\"/\");\r\n    history.push(\"/login\", { footNav: navUrl });\r\n  }\r\n\r\n  const { data: chatData, mutate: ChatMutate, revalidate: chatRevalidate, setSize } = useSWRInfinite(\r\n    (index) => {\r\n      // console.log(\"useSWR call\");\r\n      return `${process.env.REACT_APP_BACK_URL}/api/chat/${chatUser[0].loginGubun}/${chatUser[0].loginID}/${chatUser[1].loginGubun}/${\r\n        chatUser[1].loginID\r\n      }/page/${index + 1}`;\r\n    },\r\n    fetcher,\r\n    {\r\n      dedupingInterval: 100,\r\n      // refreshInterval : 100,\r\n      refreshWhenHidden: true,\r\n      refreshWhenOffline: true,\r\n    }\r\n  );\r\n\r\n  const onKeyDown = (e) => {\r\n    // console.log(\"onkeydown\");\r\n    if (e.key == \"Enter\") {\r\n      if (!e.shiftKey) {\r\n        e.preventDefault();\r\n        sendMessage();\r\n      }\r\n    }\r\n  };\r\n\r\n  const sendMessage = () => {\r\n    // console.log(\"sendMessage\");\r\n\r\n    if (content) {\r\n      axios\r\n        .put(`${process.env.REACT_APP_BACK_URL}/api/chat/${aloginGubun}/${aloginId}`, {\r\n          sendUser: user,\r\n          sendMessage: content,\r\n        })\r\n        .then((res) => {\r\n          if (socket && roomID) {\r\n            socket.emit(\"message\", {\r\n              wuser: {\r\n                loginGubun: user.loginGubun,\r\n                loginID: user.id,\r\n              },\r\n              wDateTime: new Date(),\r\n              message: content,\r\n              roomName: roomID,\r\n            });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          chatRevalidate();\r\n          setIsmessageError(true);\r\n          setTimeout(() => {\r\n            setIsmessageError(false);\r\n          }, 1500);\r\n        });\r\n\r\n      // const newChatData = Object.assign({}, chatData);\r\n      // const newChatData = {...chatData , rdata : ...chatData.rdata }\r\n      // console.log(chatData);\r\n      const newChatData = copyObj(allChatData);\r\n      // console.log(\"newChatData\", newChatData);\r\n      // console.log(\"i\" , (newChatData === chatData))\r\n      // console.log(\"i\" , (newChatData.rdata.content === chatData.rdata.content))\r\n\r\n      if (newChatData && newChatData.rdata && newChatData.rdata.content) {\r\n        newChatData.rdata.content.push({\r\n          wuser: {\r\n            loginGubun: user.loginGubun,\r\n            loginID: user.id,\r\n          },\r\n          wDateTime: new Date(),\r\n          message: content,\r\n        });\r\n\r\n        ChatMutate(newChatData, false); //\r\n        // console.log(chatData);\r\n      } else {\r\n        console.log(\"잇자나1\", newChatData);\r\n        console.log(\"잇자나2\", newChatData.rdata);\r\n        if (newChatData && newChatData.rdata) {\r\n          newChatData.rdata.content = [\r\n            {\r\n              wuser: {\r\n                loginGubun: user.loginGubun,\r\n                loginID: user.id,\r\n              },\r\n              wdatetime: new Date(),\r\n              message: content,\r\n            },\r\n          ];\r\n          ChatMutate(newChatData, false);\r\n        } else {\r\n          console.log(\"채팅 데이터 읽기 실패!\");\r\n        }\r\n      }\r\n\r\n      // console.log(\"sendMessage after\");\r\n      // console.log(chatData);\r\n\r\n      setContent(\"\");\r\n      textareaRef.current.focus();\r\n      scrollToBottom();\r\n    }\r\n  };\r\n\r\n  const onChangeContent = (e) => {\r\n    setContent(e.target.value);\r\n  };\r\n\r\n  const copyObj = (obj) => {\r\n    var copy = {};\r\n    if (Array.isArray(obj)) {\r\n      copy = obj.slice().map((v) => {\r\n        return copyObj(v);\r\n      });\r\n    } else if (typeof obj === \"object\" && obj !== null) {\r\n      for (var attr in obj) {\r\n        if (obj.hasOwnProperty(attr)) {\r\n          copy[attr] = copyObj(obj[attr]);\r\n        }\r\n      }\r\n    } else {\r\n      copy = obj;\r\n    }\r\n    return copy;\r\n  };\r\n\r\n  const setOnlineList = () => {\r\n    // 기존 채팅 데이터에 상대방의 데이터 추가!\r\n    // 내 데이터는 쓸때 추가했으니 전체 전송에서 또 받으면 추가 안함!!\r\n    // 내가 채팅한것은 무조건 아래로 옮기는데\r\n    // 스크롤바 어느정도 올라가있으면 아래로 안떨구고\r\n  };\r\n\r\n  const renderSuggestion = useCallback((suggestion, search, highlightedDisplay, index, focused) => {\r\n    return <Button focus={focused}></Button>;\r\n  }, []);\r\n\r\n  // 사이즈 조정하기!\r\n  // 키보드 생겨났거나 주소창 있을때..\r\n  useEffect(() => {\r\n    //alert(size);\r\n    //alert(rootRef.current);\r\n    setTimeout(() => {\r\n      //alert(size);\r\n      //alert(rootRef.current);\r\n      if (size && rootRef.current) {\r\n        rootRef.current.style.height = `${size.height - 120}px`;\r\n      }\r\n    }, 200);\r\n  }, [size, rootRef]);\r\n\r\n  // 방만들기\r\n  useEffect(() => {\r\n    if (isLogin) {\r\n      axios\r\n        .post(`${process.env.REACT_APP_BACK_URL}/api/chat/room/`, {\r\n          user: chatUser,\r\n        },{\r\n          withCredentials : true\r\n        })\r\n        .then((res) => {\r\n          setRoomID(res.data._id);\r\n          // chatRevalidate(); // 이거 왜 함?\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"방생성에 실패하였습니다\");\r\n\r\n        });\r\n    }\r\n  }, []);\r\n\r\n  // 첫 로딩시 스크롤바 제일 아래로!!!\r\n  useEffect(() => {\r\n    scrollToBottom();\r\n  }, []);\r\n\r\n  // data 배열 받아 올때 마다 alldata에 합치기\r\n  useEffect(() => {\r\n    // console.log(\"chatdata - useEffect\");\r\n    // 마지막 chatData 를 기본으로 하고\r\n    // 앞으로 오는 chatData의 content 부분을 기본 content 에 없으면 앞으로 넣는다.\r\n    //setAllChatData(chatData[0]);\r\n\r\n    // 데이터는 최신 100개 , 최신 101 ~ 200 개 이런식으로 가져오기 때문에\r\n    // 최신자료가 추가 되면 추가된 자료는 화면에 자동추가된것이고 chatlist\r\n    // chatData[0] 과 chatData[1] 은 실시간으로 추가된 데이터가 있기 때문에 겹칠수가 있다\r\n    // 그래서 chatData[1]에서 chatData[0]에 있는 중복된 자료를 지우고\r\n    // 통째로 chatData[0] 위에 넣는다.\r\n    // 예)\r\n    // chatData[1]\r\n    // 1,2,3,4,5,6,7,8,9,10\r\n\r\n    // chatData[0]\r\n    // 5,6,7,8,9,10,11,12\r\n\r\n    // 최종데이터는\r\n    // 1,2,3,4,5,6,7,8,9,11,12\r\n    if (chatData) {\r\n      let newChatData;\r\n      let copyChatData;\r\n      if (Array.isArray(chatData)) {\r\n        newChatData = copyObj(chatData[0]);\r\n        copyChatData = copyObj(chatData);\r\n        // console.log(\"chatData\", chatData);\r\n        // console.log(\"chatData.length\", chatData.length);\r\n        copyChatData.forEach((data, idx, arrData) => {\r\n          if (idx > 0) {\r\n            // console.log(\"리버스 객체1\" , data.rdata.content.reverse())\r\n            // console.log(\"리버스 객체2\" , data.rdata.content.reverse())\r\n            // console.log(data.rdata.content);\r\n            if (data.rdata.content.length < 100) {\r\n              // console.log(\"chatOldMoreDatEmpty\" , \"set\");\r\n              chatOldMoreDatEmpty.current = true;\r\n            }\r\n            data.rdata.content.reverse().forEach((contentData, idx) => {\r\n              // console.log(\"리버스 객체 forEach 내부 \" , idx , contentData)\r\n              if (\r\n                !newChatData.rdata.content.some((beforeContentData) => {\r\n                  return JSON.stringify(contentData) === JSON.stringify(beforeContentData);\r\n                })\r\n              ) {\r\n                // 발견되지 않음\r\n                // console.log(\"발견되지 않음\",contentData);\r\n                // console.log(\"비교하는 상위 데이터\",contentData , \"발견안됨\",idx);\r\n                newChatData.rdata.content.unshift(contentData);\r\n              } else {\r\n                // console.log(\"비교하는 상위 데이터\",contentData , \"발견됨\",idx);\r\n              }\r\n            });\r\n          }\r\n        });\r\n      } else {\r\n        newChatData = copyObj(chatData);\r\n      }\r\n\r\n      // 두개를 합쳐야함!\r\n      // 그리고 state에 저장해야함!\r\n\r\n      setAllChatData(newChatData);\r\n      // if (scrollbarRef.current) {\r\n      //   console.log(scrollbarRef.current.getScrollHeight());\r\n      // }\r\n      // scrollToBottom();\r\n    }\r\n  }, [chatData, scrollbarRef]);\r\n\r\n  useEffect(() => {\r\n    if (scrollbarRef.current) {\r\n      // console.log(\"뉴 현재 스크롤컨테이너 크기\", scrollbarRef.current.getScrollHeight());\r\n      // console.log(\"뉴 이전 스크롤컨테이너 크기\", beforeScrollTop.current);\r\n      scrollbarRef.current.scrollTop(scrollbarRef.current.getScrollHeight() - beforeScrollTop.current);\r\n    }\r\n  }, [allChatData]);\r\n\r\n  // 소켓 연결!\r\n  useEffect(() => {\r\n    // console.log(\"socket useeffect!!\")\r\n    // console.log(\"socket\" , socket)\r\n    // console.log(\"roomID\" , roomID)\r\n    if (socket && roomID) {\r\n      // console.log(`join to${roomID}`);\r\n      socket.emit(\"join\", roomID);\r\n    }\r\n  }, [socket, roomID]);\r\n\r\n  // 메시지!\r\n  useEffect(() => {\r\n    socket.on(\"join\", (data) => {\r\n      // console.log(data);\r\n    });\r\n\r\n    socket.on(\"message\", (data) => {\r\n      // console.log(chatData);\r\n      // console.log(data);\r\n      // const newChatData = { ...chatData };\r\n      // const newChatData = Object.assign({}, chatData);\r\n      // console.log(\"chatData\", chatData.rdata.content.length);\r\n      const newChatData = copyObj(allChatData);\r\n      // console.log(\"chatData\", chatData.rdata.content.length);\r\n      // console.log(\"newChatData\", newChatData.rdata.content.length);\r\n      // console.log(chatData === newChatData)\r\n      if (newChatData && newChatData.rdata && newChatData.rdata.content) {\r\n        newChatData.rdata.content.push({\r\n          wuser: {\r\n            loginGubun: data.wuser.loginGubun,\r\n            loginID: data.wuser.loginID,\r\n          },\r\n          wdatetime: data.wDateTime,\r\n          message: data.message,\r\n        });\r\n        // console.log(\"ChatMutate1\")\r\n        ChatMutate(newChatData, false); //\r\n        // console.log(chatData);\r\n      } else {\r\n        newChatData.rdata.content = [\r\n          {\r\n            wuser: {\r\n              loginGubun: data.wuser.loginGubun,\r\n              loginID: data.wuser.loginID,\r\n            },\r\n            wdatetime: data.wDateTime,\r\n            message: data.message,\r\n          },\r\n        ];\r\n        // console.log(\"ChatMutate2\")\r\n        ChatMutate((data) => {\r\n          return newChatData;\r\n        }, false); //\r\n      }\r\n      scrollToBottom();\r\n    });\r\n    return () => {\r\n      socket.off(\"join\");\r\n      socket.off(\"message\");\r\n    };\r\n  }, [allChatData]);\r\n\r\n  // 사라질때!!\r\n  useEffect(() => {\r\n    return () => {\r\n      socket.emit(\"leave\", roomID);\r\n    };\r\n  }, []);\r\n\r\n  if (!myInfo) {\r\n    return <>로딩중</>;\r\n  }\r\n\r\n  // console.log(\"render\");\r\n  return (\r\n    <>\r\n      <div className={classes.root} ref={rootRef}>\r\n        <div className={classes.topBar}>\r\n          {myInfo.isOnline ? (\r\n            <OnlineAvatar\r\n              overlap=\"circle\"\r\n              anchorOrigin={{\r\n                vertical: \"bottom\",\r\n                horizontal: \"right\",\r\n              }}\r\n              variant=\"dot\"\r\n            >\r\n              <Avatar alt={myInfo.nickname} src={myInfo.profile_image_url} className={classes.topBarImage} />\r\n            </OnlineAvatar>\r\n          ) : (\r\n            <Avatar alt={myInfo.nickname} src={myInfo.profile_image_url} className={classes.topBarImage} />\r\n          )}\r\n\r\n          <Typography variant=\"h6\" component=\"h6\" nowrap className={classes.topBarText}>\r\n            {myInfo.nickname}\r\n          </Typography>\r\n        </div>\r\n        <Scrollbars autoHide ref={scrollbarRef} onScrollFrame={onScroll} className={classes.messageBodyScrollBar}>\r\n          <div className={classes.messageBodyContainer}>\r\n            <div className={classes.messageBody}>\r\n              {allChatData &&\r\n                allChatData.rdata &&\r\n                allChatData.rdata.content &&\r\n                allChatData.rdata.content.map((message, idx) => {\r\n                  return (\r\n                    <div\r\n                      className={\r\n                        message.wuser.loginGubun === user.loginGubun && message.wuser.loginID === user.id * 1\r\n                          ? classes.messageRight\r\n                          : classes.messageLeft\r\n                      }\r\n                      key={idx}\r\n                    >\r\n                      <div>\r\n                        {regexifyString({\r\n                          input: message.message,\r\n                          pattern: /\\n|\\s/g,\r\n                          decorator(match, index) {\r\n                            // console.log(\"reg\" , match,index);\r\n                            if (match.match(/\\n/)) {\r\n                              return <br />;\r\n                            }\r\n                            if (match.match(/\\s/)) {\r\n                              return <span style={{ visibility: \"hidden\" }}>A</span>;\r\n                            }\r\n                          },\r\n                        })}\r\n                      </div>\r\n                      <div>{dayjs(message.wdatetime).format(\"h:mm A\")}</div>\r\n                    </div>\r\n                  );\r\n                })}\r\n            </div>\r\n          </div>\r\n        </Scrollbars>\r\n        <div className={classes.messageInputBox}>\r\n          <TextareaAutosize\r\n            aria-label=\"메시지입력창\"\r\n            value={content}\r\n            onChange={onChangeContent}\r\n            rowsMax={6}\r\n            rowsMin={3}\r\n            placeholder=\"메시지를 입력하세요.\"\r\n            className={classes.textarea}\r\n            onKeyDown={onKeyDown}\r\n            ref={textareaRef}\r\n          >\r\n            <Mention\r\n              appendSpaceOnAdd\r\n              trigger=\"@\"\r\n              data={[\r\n                {\r\n                  id: 1,\r\n                  display: \"1\",\r\n                },\r\n                {\r\n                  id: 2,\r\n                  display: \"2\",\r\n                },\r\n                {\r\n                  id: 3,\r\n                  display: \"3\",\r\n                },\r\n              ]}\r\n              renderSuggestion={renderSuggestion}\r\n            ></Mention>\r\n          </TextareaAutosize>\r\n          <Button variant=\"contained\" color=\"primary\" className={classes.button} onClick={sendMessage}>\r\n            보내기\r\n          </Button>\r\n        </div>\r\n      </div>\r\n      {ismessageError && (\r\n        <div className={classes.alert}>\r\n          <Alert severity=\"error\" color=\"error\">\r\n            메시지 전송에 실패하였습니다.\r\n          </Alert>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport axios from \"axios\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// ** material-ui 시작 ******************************************************\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n// ** material-ui 끝 ********************************************************\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    width: \"100%\",\r\n    minHeight: \"calc(100vh - 64px)\",\r\n    backgroundColor: \"#ffffff\",\r\n  },\r\n  myList: {\r\n    padding: \"5px\",\r\n  },\r\n  myDiv: {\r\n    margin: \"20px 7px\",\r\n    minHeight: \"80px\",\r\n    // backgroundColor: \"#FFC0CB\",\r\n    border: '1px solid black',\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    padding: \"15px\",\r\n    boxSizing: \"border-box\",\r\n\r\n    borderTopLeftRadius: '255px 15px',\r\n    borderTopRightRadius: '15px 255px',\r\n    borderBottomRightRadius: '225px 15px',\r\n    borderBottomLeftRadius: '15px 255px',\r\n\r\n  },\r\n\r\n  myDivLeft: {\r\n    display: \"flex\",\r\n  },\r\n\r\n  myDivRight: {},\r\n\r\n  rowText: {\r\n    marginLeft: \"15px\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    \"& .textBolder\": {\r\n      fontWeight: \"bold\",\r\n    },\r\n    \"& .textLighter\": {\r\n      fontWeight: \"lighter\",\r\n    },\r\n  },\r\n\r\n  ccc: {\r\n    minHeight: \"calc(100vh - 120px)\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n  },\r\n}));\r\n\r\nexport default withRouter(function Chat({history}) {\r\n  const classes = useStyles();\r\n  const [chatRoomList, setChatRoomList] = useState([]);\r\n  const { isLogin, user } = useSelector((state) => state.user);\r\n\r\n  // 나와 관련있는 채팅방 목록을 보여준다!!\r\n  const getChatRoomList = () => {\r\n    // console.log(\"getChatRoomList\");\r\n    axios\r\n      .get(`${process.env.REACT_APP_BACK_URL}/api/chatroom/`, {\r\n        withCredentials: true,\r\n      })\r\n      .then((res) => {\r\n        setChatRoomList(res.data.rdata);\r\n      });\r\n  };\r\n\r\n  const goToChat = (a) => () =>{\r\n    history.push(`/profile/message/${a.loginGubun}/${a.loginID}`);\r\n  }\r\n\r\n  useEffect(() => {\r\n    getChatRoomList();\r\n  }, []);\r\n\r\n  // console.log(chatRoomList);\r\n\r\n  if (!chatRoomList) {\r\n    return <div></div>;\r\n  }\r\n\r\n  if (chatRoomList.length == 0) {\r\n    return (\r\n      <div className={classes.root}>\r\n        <div className={classes.ccc}>\r\n          생성된 채팅방이 없습니다\r\n          <br />\r\n          <br />\r\n          일기목록의 프사 아이콘을 클릭하여 <br />\r\n          나온 메뉴에서 채팅을방을 만들수 있습니다.\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <div className={classes.myList}>\r\n        {chatRoomList.map((room) => {\r\n          // console.log(room);\r\n          let chatTargetUser;\r\n          if (room.chats_users.length == 1) {\r\n            chatTargetUser = room.chats_users[0];\r\n          } else {\r\n            if (room.chats_users[0].loginGubun == user.loginGubun && room.chats_users[0].loginID == user.id) {\r\n              chatTargetUser = room.chats_users[1];\r\n            } else if (room.chats_users[1].loginGubun == user.loginGubun && room.chats_users[1].loginID == user.id) {\r\n              chatTargetUser = room.chats_users[0];\r\n            }\r\n          }\r\n\r\n          return (\r\n            <div className={classes.myDiv} onClick={goToChat(chatTargetUser)} key={chatTargetUser._id}>\r\n              <div className={classes.myDivLeft}>\r\n                <Avatar alt={chatTargetUser.nickname} src={chatTargetUser.profile_image_url} />\r\n                <div className={classes.rowText}>\r\n                  <Typography component=\"span\" className={\"textBolder\"}>\r\n                    {chatTargetUser.nickname}\r\n                  </Typography>\r\n                  <Typography component=\"span\" className={\"textLighter\"}>\r\n                    {chatTargetUser.introduce}\r\n                  </Typography>\r\n                </div>\r\n              </div>\r\n              <div className={classes.myDivRight}>\r\n                <Typography component=\"span\" className={\"\"}>\r\n                  {dayjs(room.content[0].wdatetime).format(\"h:mm A\")}\r\n                </Typography>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n})\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport ReactGA from \"react-ga\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { copyObj } from \"../common/Utils\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    height: \"calc(100vh - 70px)\",\r\n    // border:'1px solid black'\r\n  },\r\n  mydiv: {\r\n    margin: \"25px\",\r\n    padding: \"20px\",\r\n    minHeight: \"200px\",\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    borderTopLeftRadius: \"255px 15px\",\r\n    borderTopRightRadius: \"15px 255px\",\r\n    borderBottomRightRadius: \"225px 15px\",\r\n    borderBottomLeftRadius: \"15px 255px\",\r\n    boxSizing: \"border-box\",\r\n    marginBottom: \"1%\",\r\n    position: \"relative\",\r\n    \"& .boxTitle\": {\r\n      position: \"absolute\",\r\n      top: \"-10px\",\r\n      left: \"5px\",\r\n      background: \"white\",\r\n      padding: \"0px 15px\",\r\n    },\r\n  },\r\n  itemList: {\r\n    height: \"100%\",\r\n    display: \"flex\",\r\n    flexWrap: \"wrap\",\r\n    justifyContent: \"start\",\r\n    // border: \"1px solid black\",\r\n  },\r\n  itemCover: {\r\n    display: \"inline-block\",\r\n    marginBottom: \"1px\",\r\n  },\r\n  item: {\r\n    border: \"1px solid black\",\r\n    display: \"flex\",\r\n    justifyContent: \"space-around\",\r\n    marginRight: \"10px\",\r\n    \"& .itemTitle\": {\r\n      fontSize: \"0.9rem\",\r\n      width: \"110px\",\r\n      overflow: \"hidden\",\r\n      whiteSpace: \"nowrap\",\r\n      textOverflow: \"ellipsis\",\r\n      padding: \"0px 10px\",\r\n    },\r\n    \"& .itemState1\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#32df24\",\r\n    },\r\n    \"& .itemState2\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#ff0f24\",\r\n    },\r\n  },\r\n  itemTest: {\r\n    height: \"100%\",\r\n    border: \"1px solid black\",\r\n  },\r\n}));\r\n\r\nexport default function MyDiv(props) {\r\n  const classes = useStyles();\r\n  const [todayData, setTodayData] = useState([]);\r\n  const [tomorrowData, setTomorrowData] = useState([]);\r\n\r\n  const onShowContent = () => {\r\n    console.log(1);\r\n  };\r\n\r\n  const onChangeState = () => {\r\n    console.log(2);\r\n  };\r\n\r\n  const removeData = (dataGubun, id) => {\r\n    let newData;\r\n    let delIndex;\r\n    let returnObject;\r\n\r\n\r\n    console.log(\"dataGubun\" , dataGubun)\r\n    console.log(\"id\" , id)\r\n    switch (dataGubun) {\r\n      case \"today\":\r\n        newData = [...todayData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        console.log(\"delIndex\",delIndex)\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow\":\r\n        newData = [...tomorrowData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTomorrowData(newData);\r\n\r\n        break;\r\n    }\r\n\r\n    console.log(\"returnObject\",returnObject);\r\n    return returnObject;\r\n  };\r\n\r\n  const addData = (dataGubun, addObj) => {\r\n    let newData;\r\n\r\n    switch (dataGubun) {\r\n      case \"today\":\r\n        newData = [...todayData, addObj];\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow\":\r\n        newData = [...tomorrowData, addObj];\r\n        setTomorrowData(newData);\r\n        break;\r\n    }\r\n  };\r\n\r\n  const dragStart = (e) => {\r\n    let containerGubun;\r\n    if (e.target.closest(\".drop-target\")) {\r\n      // console.log(\".drop-target in\")\r\n      // console.log(\"e.target.closest(.drop-target).classList\" , e.target.closest(\".drop-target\").classList)\r\n      if (e.target.closest(\".drop-target\").classList.contains(\"today\")) {\r\n        containerGubun = \"today\";\r\n      }\r\n      if (e.target.closest(\".drop-target\").classList.contains(\"tomorrow\")) {\r\n        containerGubun = \"tomorrow\";\r\n      }\r\n      console.log(\"containerGubun\" , containerGubun);\r\n      e.dataTransfer.setData(\"sourceGubun\", containerGubun); // dataTransfer.setData\r\n      e.dataTransfer.setData(\"itemID\", e.target.id); // dataTransfer.setData\r\n      e.dataTransfer.setData(\"1\", e.target.id); // dataTransfer.setData\r\n    }\r\n  };\r\n\r\n  const draging = (e) => {\r\n    e.preventDefault();\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"2px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"dashed\";\r\n    }\r\n  };\r\n\r\n  const dragEnd = (e) => {\r\n    e.preventDefault(); // 기본적으로 서로 다른 요소는 drop 이 안되는데 drop 가능하게 할려고!!\r\n    // console.log(e.target.closest(\".drop-target\"))\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n    }\r\n  };\r\n\r\n  const drop = (e) => {\r\n    e.preventDefault();\r\n\r\n    const souceGubun = e.dataTransfer.getData(\"sourceGubun\");\r\n    const souceID = e.dataTransfer.getData(\"itemID\");\r\n    let targetGubun;\r\n\r\n    // console.log(\"drop in\");\r\n    if (e.target.closest(\".drag-container\")) {\r\n      // console.log(\"drag-container in\");\r\n      if (e.target.closest(\".drop-target\").classList.contains(\"today\")) {\r\n        targetGubun = \"today\";\r\n      }\r\n      if (e.target.closest(\".drop-target\").classList.contains(\"tomorrow\")) {\r\n        targetGubun = \"tomorrow\";\r\n      }\r\n\r\n      if (e.target.closest(\".drop-target\")) {\r\n        e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n        e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n      }\r\n\r\n      console.log(\"souceGubun\", souceGubun);\r\n      console.log(\"souceID\", souceID);\r\n      console.log(\"targetGubun\", targetGubun);\r\n\r\n      if (targetGubun !== souceGubun && souceGubun && targetGubun && souceID) {\r\n        addData(targetGubun, removeData(souceGubun, souceID));\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    setTodayData([\r\n      {\r\n        id: 1,\r\n        content: \"라온이와 놀아주기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 2,\r\n        content: \"REACT 공부하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 3,\r\n        content: \"몽고디비 마스터 하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 4,\r\n        content: \"캘리 그리기\",\r\n        state: \"X\",\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <div className={`${classes.mydiv} drop-target today`} onDrop={drop} onDragOver={draging} onDragLeave={dragEnd}>\r\n        <div className=\"boxTitle\">{props.title}</div>\r\n        <div className={`${classes.itemList} drag-container `}>\r\n          {todayData.map((item) => {\r\n            return (\r\n              <div className={classes.itemCover} key={item.id} id={item.id} draggable=\"true\" onTouchStart={dragStart} onDragStart={dragStart}>\r\n                <div className={classes.item}>\r\n                  <div className=\"itemTitle\" onClick={onShowContent}>\r\n                    {item.content}\r\n                  </div>\r\n                  <div className={item.state === \"O\" ? \"itemState1\" : \"itemState2\"} onClick={onChangeState}>\r\n                    {item.state}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n      <div className={`${classes.mydiv} drop-target tomorrow`} onDrop={drop} onDragOver={draging} onDragLeave={dragEnd}>\r\n        <div className={`${classes.itemList} drag-container `}>\r\n        {tomorrowData.map((item) => {\r\n            return (\r\n              <div className={classes.itemCover} key={item.id} id={item.id} draggable=\"true\" onDragStart={dragStart}>\r\n                <div className={classes.item}>\r\n                  <div className=\"itemTitle\" onClick={onShowContent}>\r\n                    {item.content}\r\n                  </div>\r\n                  <div className={item.state === \"O\" ? \"itemState1\" : \"itemState2\"} onClick={onChangeState}>\r\n                    {item.state}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}          \r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport ReactGA from \"react-ga\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { copyObj } from \"../common/Utils\";\r\n// import Draggable from \"react-draggable\";\r\n// import { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    height: \"calc(100vh - 70px)\",\r\n    // border:'1px solid black'\r\n  },\r\n  mydiv: {\r\n    margin: \"25px\",\r\n    padding: \"20px\",\r\n    minHeight: \"200px\",\r\n    height: \"15%\",\r\n    border: \"1px solid black\",\r\n    borderTopLeftRadius: \"255px 15px\",\r\n    borderTopRightRadius: \"15px 255px\",\r\n    borderBottomRightRadius: \"225px 15px\",\r\n    borderBottomLeftRadius: \"15px 255px\",\r\n    boxSizing: \"border-box\",\r\n    marginBottom: \"1%\",\r\n    position: \"relative\",\r\n    \"& .boxTitle\": {\r\n      position: \"absolute\",\r\n      top: \"-10px\",\r\n      left: \"5px\",\r\n      background: \"white\",\r\n      padding: \"0px 15px\",\r\n    },\r\n  },\r\n  itemList: {\r\n    height: \"100%\",\r\n    display: \"flex\",\r\n    flexWrap: \"wrap\",\r\n    justifyContent: \"start\",\r\n    alignItems: \"flex-start\",\r\n    // position: \"relative\",\r\n    // border: \"1px solid black\",\r\n  },\r\n  itemTop: {\r\n    // position: \"absolute\",\r\n    display: \"inline-block\",\r\n    marginBottom: \"1px\",\r\n  },\r\n  item: {\r\n    border: \"1px solid black\",\r\n    display: \"flex\",\r\n    justifyContent: \"space-around\",\r\n    marginRight: \"10px\",\r\n    \"& .itemTitle\": {\r\n      fontSize: \"0.9rem\",\r\n      width: \"110px\",\r\n      overflow: \"hidden\",\r\n      whiteSpace: \"nowrap\",\r\n      textOverflow: \"ellipsis\",\r\n      padding: \"0px 10px\",\r\n    },\r\n    \"& .itemState1\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#32df24\",\r\n    },\r\n    \"& .itemState2\": {\r\n      width: \"15px\",\r\n      textAlign: \"center\",\r\n      backgroundColor: \"#ff0f24\",\r\n    },\r\n  },\r\n  itemTest: {\r\n    height: \"100%\",\r\n    border: \"1px solid black\",\r\n  },\r\n}));\r\n\r\nexport default function MyDivM(props) {\r\n  const classes = useStyles();\r\n  const [todayData, setTodayData] = useState([]);\r\n  const [tomorrowData, setTomorrowData] = useState([]);\r\n  const [itemStyle, setItemStyle] = useState({});\r\n  const selItem = useRef({\r\n    selIng: 0,\r\n    selItemGubun: \"\",\r\n    selItemID: 0,\r\n    selItemOriginX: 0,\r\n    selItemOriginY: 0,\r\n    selItemConclusionX: 0,\r\n    selItemConclusionY: 0,\r\n    selItemMoveX: 0,\r\n    selItemMoveY: 0,\r\n  });\r\n\r\n  const dropRef = useRef([React.createRef(), React.createRef()]);\r\n\r\n  const onShowContent = () => {\r\n    // console.log(1);\r\n  };\r\n\r\n  const onChangeState = () => {\r\n    // console.log(2);\r\n  };\r\n\r\n  const removeData = (dataGubun, id) => {\r\n    let newData;\r\n    let delIndex;\r\n    let returnObject;\r\n\r\n    // console.log(\"dataGubun\", dataGubun);\r\n    // console.log(\"id\", id);\r\n    switch (dataGubun) {\r\n      case \"today\":\r\n        newData = [...todayData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        // console.log(\"delIndex\", delIndex);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        // console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow\":\r\n        newData = [...tomorrowData];\r\n        delIndex = newData.findIndex((item) => item.id == id);\r\n        returnObject = copyObj(newData[delIndex]);\r\n        console.log(returnObject);\r\n        if (delIndex >= 0) {\r\n          newData.splice(delIndex, 1);\r\n        }\r\n        setTomorrowData(newData);\r\n\r\n        break;\r\n    }\r\n\r\n    // console.log(\"returnObject\", returnObject);\r\n    return returnObject;\r\n  };\r\n\r\n  const addData = (dataGubun, addObj) => {\r\n    let newData;\r\n\r\n    switch (dataGubun) {\r\n      case \"today\":\r\n        newData = [...todayData, addObj];\r\n        setTodayData(newData);\r\n        break;\r\n      case \"tomorrow\":\r\n        newData = [...tomorrowData, addObj];\r\n        setTomorrowData(newData);\r\n        break;\r\n    }\r\n  };\r\n\r\n  const touchStart = (e) => {\r\n    let containerGubun;\r\n    if (e.target.closest(\".drop-target\") && e.target.closest(\".itemTop\")) {\r\n      containerGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n\r\n      // console.log(e.target);\r\n      // console.log(e.target.closest(\".itemTop\").getBoundingClientRect().x)\r\n\r\n      if (\r\n        itemStyle.obj &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id] &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originX != 0 &&\r\n        itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originY != 0\r\n      ) {\r\n        console.log(\"1\");\r\n        selItem.current = {\r\n          selIng: 1,\r\n          selItemGubun: containerGubun,\r\n          selItemID: e.target.closest(\".itemTop\").dataset.id,\r\n          selItemOriginX: itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originX,\r\n          selItemOriginY: itemStyle.obj[e.target.closest(\".itemTop\").dataset.id].originY,\r\n          selItemConclusionX: 0,\r\n          selItemConclusionY: 0,\r\n        };\r\n      } else {\r\n        // console.log(\"2\",e.target.closest(\".itemTop\").getBoundingClientRect().x);\r\n        // console.log(\"22\",e.target.closest(\".itemTop\").getBoundingClientRect().width / 2);\r\n        selItem.current = {\r\n          selIng: 1,\r\n          selItemGubun: containerGubun,\r\n          selItemID: e.target.closest(\".itemTop\").dataset.id,\r\n          selItemOriginX:\r\n            e.target.closest(\".itemTop\").getBoundingClientRect().x + e.target.closest(\".itemTop\").getBoundingClientRect().width / 2, //selItem.current.selItemConclusionX,\r\n          selItemOriginY:\r\n            e.target.closest(\".itemTop\").getBoundingClientRect().y + e.target.closest(\".itemTop\").getBoundingClientRect().height / 2, //selItem.current.selItemConclusionY,\r\n          selItemConclusionX: 0,\r\n          selItemConclusionY: 0,\r\n        };\r\n      }\r\n\r\n      // console.log(\"start\", selItem.current);\r\n      // console.log(\"start\", selItem.current.selIng);\r\n\r\n      // console.log(\"selsourceGubun\", selsourceGubun.current);\r\n      // console.log(\"selItemID\", selItemID.current);\r\n      // 모바일에 touch에서는 dataTransfer 가 없다!!\r\n      // e.dataTransfer.setData(\"sourceGubun\", containerGubun); // dataTransfer.setData\r\n      // e.dataTransfer.setData(\"itemID\", e.target.id); // dataTransfer.setData\r\n    }\r\n  };\r\n\r\n  const touchMove = (e) => {\r\n    // 이벤트가 발생된 마우스 좌표와 움직인 마우스 좌표\r\n    // console.log(\"e\",e) // 눈에 보이는 화면의좌표\r\n    // console.log(\"clientX_clientY\",e.targetTouches[0].clientX,e.targetTouches[0].clientY) // 눈에 보이는 화면의좌표\r\n    // console.log(\"pageX_pageY\",selItem.current.selItemConclusionX,selItem.current.selItemConclusionY) // 스크롤계산한 좌표\r\n    if (selItem.current.selIng == 1) {\r\n      // if (itemStyle.obj && itemStyle.obj[selItem.current.selItemID]) {\r\n      //   selItem.current.selItemBeforeMoveX = itemStyle.obj[selItem.current.selItemID].x;\r\n      //   selItem.current.selItemBeforeMoveY = itemStyle.obj[selItem.current.selItemID].y;\r\n      // } else {\r\n      //   selItem.current.selItemBeforeMoveX = 0;\r\n      //   selItem.current.selItemBeforeMoveY = 0;\r\n      // }\r\n      // console.log(\"selItemBeforeMoveY\", selItem.current.selItemBeforeMoveY);\r\n      selItem.current.selItemConclusionX = e.targetTouches[0].pageX;\r\n      selItem.current.selItemConclusionY = e.targetTouches[0].pageY;\r\n      selItem.current.selItemMoveX = selItem.current.selItemConclusionX - selItem.current.selItemOriginX;\r\n      selItem.current.selItemMoveY = selItem.current.selItemConclusionY - selItem.current.selItemOriginY;\r\n\r\n      // console.log(\"selItem.current\",selItem.current.selItemMoveX);\r\n      // console.log(\"selItem.current\",selItem.current.selItemMoveY);\r\n\r\n      let tempobj = {};\r\n      let obj = {};\r\n      obj[selItem.current.selItemID] = {\r\n        originX: selItem.current.selItemOriginX,\r\n        originY: selItem.current.selItemOriginY,\r\n        x: selItem.current.selItemMoveX,\r\n        y: selItem.current.selItemMoveY,\r\n      };\r\n      // console.log(\"obj\", obj);\r\n      const newItemStyle = { ...itemStyle };\r\n      if (newItemStyle.obj) {\r\n        obj = Object.assign(newItemStyle.obj, obj);\r\n      } else {\r\n        obj = Object.assign({}, obj);\r\n      }\r\n      // console.log(1, itemStyle);\r\n      setItemStyle({ ...itemStyle, obj });\r\n      console.log(\"move\", selItem.current);\r\n      document.querySelectorAll(\".drop-target\").forEach((selItem) => {\r\n        // console.log(\"selItem\",selItem);\r\n        selItem.style.borderWidth = \"1px\";\r\n        selItem.style.borderStyle = \"solid\";\r\n      });\r\n\r\n      // console.log(dropRef.current[0].current.getBoundingClientRect());\r\n      // console.log(dropRef.current[1].current.getBoundingClientRect());\r\n\r\n      // const target = document.elementFromPoint(selItem.current.selItemConclusionX, selItem.current.selItemConclusionY);\r\n      // console.log(dropRef.current[0].current.getBoundingClientRect());\r\n      // console.log(dropRef.current[1].current.getBoundingClientRect());\r\n\r\n      const dtIndex = dropRef.current.findIndex(\r\n        (item) =>\r\n          item.current.getBoundingClientRect().x <= selItem.current.selItemConclusionX &&\r\n          item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width >= selItem.current.selItemConclusionX &&\r\n          item.current.getBoundingClientRect().y <= selItem.current.selItemConclusionY &&\r\n          item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height >= selItem.current.selItemConclusionY\r\n      );\r\n\r\n      if (dtIndex >= 0 && dropRef.current[dtIndex]) {\r\n        // console.log(dtIndex);\r\n        dropRef.current[dtIndex].current.style.borderWidth = \"2px\";\r\n        dropRef.current[dtIndex].current.style.borderStyle = \"dashed\";\r\n      }\r\n\r\n      // const dropTarget = dropRef.current[\r\n      //   dropRef.current.findIndex(\r\n      //     (item) =>\r\n      //       item.current.getBoundingClientRect().x < selItem.current.selItemConclusionX &&\r\n      //       item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width > selItem.current.selItemConclusionX &&\r\n      //       item.current.getBoundingClientRect().y < selItem.current.selItemConclusionY &&\r\n      //       item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height > selItem.current.selItemConclusionX\r\n      //   )\r\n      // ].current;\r\n      // console.log(\"dropTarget\",dropTarget)\r\n      // dropTarget.style.borderWidth = \"2px\";\r\n      // dropTarget.style.borderWidth = \"dashed\";\r\n\r\n      // if (target) {\r\n      //   if (target.closest(\".drop-target\")) {\r\n      //     //console.log(1,292.2666931152344, 202.6666717529297,document.elementFromPoint(292.2666931152344 , 202.6666717529297).closest(\".drop-target\").dataset.targetgubun)\r\n      //     //console.log(2,selItem.current.selItemConclusionX, selItem.current.selItemConclusionY,target.closest(\".drop-target\").dataset.targetgubun)\r\n      //     // console.log(target.closest(\".drop-target\"));\r\n      //     if (target.closest(\".drop-target\")) {\r\n      //       target.closest(\".drop-target\").style.borderWidth = \"2px\";\r\n      //       target.closest(\".drop-target\").style.borderStyle = \"dashed\";\r\n      //     }\r\n      //   }\r\n      // }\r\n    }\r\n  };\r\n\r\n  const touchEnd = (e) => {\r\n    // console.log(e);\r\n\r\n    // console.log(selItem.current.selItemConclusionX);\r\n    // console.log(selItem.current.selItemConclusionY);\r\n    selItem.current.selIng = 0;\r\n    selItem.current.selItemMoveX = 0;\r\n    selItem.current.selItemMoveY = 0;\r\n    selItem.current.selItemOriginX = 0;\r\n    selItem.current.selItemOriginY = 0;\r\n\r\n    let tempobj = {};\r\n    let obj = {};\r\n    obj[selItem.current.selItemID] = {\r\n      originX: selItem.current.selItemOriginX,\r\n      originY: selItem.current.selItemOriginY,\r\n      x: selItem.current.selItemMoveX,\r\n      y: selItem.current.selItemMoveY,\r\n    };\r\n    // console.log(\"obj\", obj);\r\n    const newItemStyle = { ...itemStyle };\r\n    if (newItemStyle.obj) {\r\n      obj = Object.assign(newItemStyle.obj, obj);\r\n    } else {\r\n      obj = Object.assign({}, obj);\r\n    }\r\n    // console.log(1, itemStyle);\r\n    setItemStyle({ ...itemStyle, obj });\r\n    // console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n    // console.log(e.changedTouches[0].target.closest(\".drop-target\").dataset.targetgubun);\r\n\r\n    // const target = document.elementFromPoint(selItem.current.selItemConclusionX, selItem.current.selItemConclusionY);\r\n    const dtIndex = dropRef.current.findIndex(\r\n      (item) =>\r\n        item.current.getBoundingClientRect().x <= selItem.current.selItemConclusionX &&\r\n        item.current.getBoundingClientRect().x + item.current.getBoundingClientRect().width >= selItem.current.selItemConclusionX &&\r\n        item.current.getBoundingClientRect().y <= selItem.current.selItemConclusionY &&\r\n        item.current.getBoundingClientRect().y + item.current.getBoundingClientRect().height >= selItem.current.selItemConclusionY\r\n    );\r\n    if (dtIndex >= 0 && dropRef.current[dtIndex]) {\r\n      const targetGubun = dropRef.current[dtIndex].current.dataset.targetgubun;\r\n      dropRef.current[dtIndex].current.style.borderWidth = \"1px\";\r\n      dropRef.current[dtIndex].current.style.borderStyle = \"solid\";\r\n\r\n      if (targetGubun !== selItem.current.selItemGubun && selItem.current.selItemGubun && targetGubun && selItem.current.selItemID) {\r\n        addData(targetGubun, removeData(selItem.current.selItemGubun, selItem.current.selItemID));\r\n      }\r\n    }\r\n  };\r\n\r\n  // const dg_dragStart = (e) => {\r\n  //   e.preventDefault();\r\n  //   console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n  //   console.log(e.target.closest(\".itemTop\").dataset.id);\r\n  //   // console.log(\"dg_dragStart\",e);\r\n  // };\r\n\r\n  // const dg_handleDrag = (e) => {\r\n  //   e.preventDefault();\r\n  //   // console.log(\"dg_handleDrag\", e);\r\n  // };\r\n\r\n  // const dg_handleStop = (e) => {\r\n  //   e.preventDefault();\r\n  //   console.log(e.target.closest(\".drop-target\").dataset.targetgubun);\r\n  //   console.log(e.target.closest(\".itemTop\").dataset.id);\r\n  // };\r\n\r\n  const dragStart = (e) => {\r\n    let containerGubun;\r\n    // console.log(e.target.dataset.id);\r\n    // console.log(\"dragStart e\", e);\r\n    if (e.target.closest(\".drop-target\")) {\r\n      // console.log(\".drop-target in\")\r\n      // console.log(\"e.target.closest(.drop-target).classList\" , e.target.closest(\".drop-target\").classList)\r\n      containerGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n      // console.log(\"containerGubun\", containerGubun);\r\n      e.dataTransfer.setData(\"sourceGubun\", containerGubun); // dataTransfer.setData\r\n      e.dataTransfer.setData(\"itemID\", e.target.dataset.id); // dataTransfer.setData\r\n    }\r\n  };\r\n\r\n  const draging = (e) => {\r\n    e.preventDefault();\r\n    // console.log(\"draging\");\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"2px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"dashed\";\r\n    }\r\n  };\r\n\r\n  const dragEnd = (e) => {\r\n    e.preventDefault(); // 기본적으로 서로 다른 요소는 drop 이 안되는데 drop 가능하게 할려고!!\r\n    // console.log(e.target.closest(\".drop-target\"))\r\n    if (e.target.closest(\".drop-target\")) {\r\n      e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n      e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n    }\r\n  };\r\n\r\n  const drop = (e) => {\r\n    e.preventDefault();\r\n\r\n    const souceGubun = e.dataTransfer.getData(\"sourceGubun\");\r\n    const souceID = e.dataTransfer.getData(\"itemID\");\r\n    let targetGubun;\r\n\r\n    // console.log(\"drop in\");\r\n    if (e.target.closest(\".drag-container\")) {\r\n      // console.log(\"drag-container in\");\r\n      targetGubun = e.target.closest(\".drop-target\").dataset.targetgubun;\r\n      if (e.target.closest(\".drop-target\")) {\r\n        e.target.closest(\".drop-target\").style.borderWidth = \"1px\";\r\n        e.target.closest(\".drop-target\").style.borderStyle = \"solid\";\r\n      }\r\n\r\n      // console.log(\"souceGubun\", souceGubun);\r\n      // console.log(\"souceID\", souceID);\r\n      // console.log(\"targetGubun\", targetGubun);\r\n\r\n      if (targetGubun !== souceGubun && souceGubun && targetGubun && souceID) {\r\n        addData(targetGubun, removeData(souceGubun, souceID));\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    setTodayData([\r\n      {\r\n        id: 1,\r\n        content: \"라온이와 놀아주기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 2,\r\n        content: \"REACT 공부하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 3,\r\n        content: \"몽고디비 마스터 하기\",\r\n        state: \"O\",\r\n      },\r\n      {\r\n        id: 4,\r\n        content: \"캘리 그리기\",\r\n        state: \"X\",\r\n      },\r\n    ]);\r\n  }, []);\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <div\r\n        className={`${classes.mydiv} drop-target `}\r\n        data-targetgubun=\"today\"\r\n        ref={dropRef.current[0]}\r\n        onDrop={drop}\r\n        onDragOver={draging}\r\n        onDragLeave={dragEnd}\r\n      >\r\n        <div className=\"boxTitle\">{\"오늘\"}</div>\r\n        <div className={`${classes.itemList} drag-container `}>\r\n          {todayData.map((item) => {\r\n            return (\r\n              <div\r\n                className={`${classes.itemTop} itemTop `}\r\n                key={item.id}\r\n                data-id={item.id}\r\n                draggable=\"true\"\r\n                onTouchMove={touchMove}\r\n                onTouchStart={touchStart}\r\n                onTouchEnd={touchEnd}\r\n                onDragStart={dragStart}\r\n                style={\r\n                  itemStyle.obj &&\r\n                  itemStyle.obj[item.id] && {\r\n                    transform: `translateX(${itemStyle.obj[item.id].x}px) translateY(${itemStyle.obj[item.id].y}px)`,\r\n                  }\r\n                }\r\n              >\r\n                <div className={classes.item}>\r\n                  <div className=\"itemTitle\" onClick={onShowContent}>\r\n                    {item.content}\r\n                  </div>\r\n                  <div className={item.state === \"O\" ? \"itemState2\" : \"itemState1\"} onClick={onChangeState}>\r\n                    {item.state}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n      <div\r\n        className={`${classes.mydiv} drop-target `}\r\n        data-targetgubun=\"tomorrow\"\r\n        ref={dropRef.current[1]}\r\n        onDrop={drop}\r\n        onDragOver={draging}\r\n        onDragLeave={dragEnd}\r\n      >\r\n        <div className=\"boxTitle\">{\"내일\"}</div>\r\n        <div className={`${classes.itemList} drag-container `}>\r\n          {tomorrowData.map((item) => {\r\n            return (\r\n              <div\r\n                className={`${classes.itemTop} itemTop `}\r\n                key={item.id}\r\n                data-id={item.id}\r\n                draggable=\"true\"\r\n                onTouchMove={touchMove}\r\n                onTouchStart={touchStart}\r\n                onTouchEnd={touchEnd}\r\n                onDragStart={dragStart}\r\n                style={\r\n                  itemStyle.obj &&\r\n                  itemStyle.obj[item.id] && {\r\n                    transform: `translateX(${itemStyle.obj[item.id].x}px) translateY(${itemStyle.obj[item.id].y}px)`,\r\n                  }\r\n                }\r\n              >\r\n                <div className={classes.item}>\r\n                  <div className=\"itemTitle\" onClick={onShowContent}>\r\n                    {item.content}\r\n                  </div>\r\n                  <div className={item.state === \"O\" ? \"itemState2\" : \"itemState1\"} onClick={onChangeState}>\r\n                    {item.state}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react'\r\nimport Mydiv from \"./MyDiv\"\r\nimport MydivM from \"./MyDivM\"\r\n\r\nexport default function MyDivs() {\r\n  return (\r\n    <div>\r\n      <MydivM title=\"제목\"/>\r\n      {/* <Mydiv /> */}\r\n      {/* <Mydiv /> */}\r\n    </div>\r\n  )\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\r\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\r\nimport Comment from '@material-ui/icons/Comment';\r\nimport FavoriteIcon from '@material-ui/icons/Favorite';\r\nimport Create from '@material-ui/icons/Create';\r\nimport { AppBar } from '@material-ui/core';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nconst useStyles = makeStyles({\r\n  root: {\r\n    minWidth: 260,\r\n    backgroundColor:'#dedede',\r\n  },\r\n});\r\n\r\nexport default withRouter(function FootNav({history}) {\r\n  const classes = useStyles();\r\n\r\n  const dispatch = useDispatch();\r\n  const { navSelectedIndex } = useSelector(state => state.layout)\r\n  // const [value, setValue] = React.useState(store.getState().navSelectedIndex);\r\n  \r\n  // store.subscribe(()=>{\r\n  //   setValue(store.getState().navSelectedIndex);\r\n  // })\r\n\r\n  // console.log(\"navSelectedIndex\",navSelectedIndex)\r\n\r\n\r\n  if(navSelectedIndex > 3 || navSelectedIndex < 0){\r\n    return (\r\n      <></>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <AppBar position=\"fixed\" style={{\r\n        top:'auto', bottom:0 \r\n    }}>\r\n      <BottomNavigation\r\n        value={navSelectedIndex}\r\n        onChange={(event, newValue) => {\r\n          dispatch({type:\"NAV_SELECTED\",selectedIndex:newValue}); // hover 효과 때문에 사용!\r\n          switch (newValue){\r\n            case 0 : \r\n              history.push(\"/\");\r\n              break;\r\n            case 1 : \r\n              history.push(\"/write\");\r\n              break;\r\n            case 2 : \r\n              history.push(\"/like\");\r\n              break;                            \r\n          }\r\n\r\n          \r\n        }}\r\n        showLabels\r\n        className={classes.root}\r\n      >\r\n        <BottomNavigationAction label=\"목록\" icon={<Comment />} />\r\n        <BottomNavigationAction label=\"쓰기\" icon={<Create />} />\r\n        <BottomNavigationAction label=\"좋아요\" icon={<FavoriteIcon />} />\r\n      </BottomNavigation>\r\n    </AppBar>\r\n  );\r\n})\r\n","import React from 'react'\r\nimport FootNav from '../components/FootNav'\r\n\r\nexport const Footer = () => {\r\n    return (\r\n        <>\r\n            <div>\r\n                <FootNav  />\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\n\r\nimport { List, ListItem, ListItemText, ListItemIcon } from \"@material-ui/core\";\r\nimport ForumIcon from \"@material-ui/icons/Forum\";\r\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\r\nimport ListAltIcon from \"@material-ui/icons/ListAlt\";\r\nimport GroupIcon from \"@material-ui/icons/Group\";\r\nimport { Mail as MailIcon, Inbox as InboxIcon } from \"@material-ui/icons\";\r\n\r\nimport useSocket from \"../hooks/useSocket\";\r\n\r\nimport AccountCircle from \"@material-ui/icons/AccountCircle\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport * as Util from \"../common/Utils\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    flexGrow: 1,\r\n  },\r\n  appBar : {\r\n    backgroundColor : theme.palette.primary.light,\r\n  },\r\n  menuButton: {\r\n    marginRight: theme.spacing(2),\r\n  },\r\n  title: {\r\n    flexGrow: 1,\r\n  },\r\n  drawer: {\r\n    width: \"240px\",\r\n    flexShrink: 0,\r\n  },\r\n  menulist: {\r\n    width: \"240px\",\r\n  },\r\n  titleMargin: {\r\n    margin: \"20px 0\",\r\n  },\r\n  alert: {\r\n    top: `50%`,\r\n    left: `50%`,\r\n    transform: `translate(-50%, -50%)`,\r\n    position: \"absolute\",\r\n    width: \"100%\",\r\n    zIndex: \"9999\",\r\n  },\r\n}));\r\n\r\nexport default withRouter(function TopBar({ history }) {\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n  const isMenuPopShow = Boolean(anchorEl);\r\n  const [isLeftMenu, setIsLeftMenu] = React.useState(false);\r\n  const [needLogin, setNeedLogin] = useState(false);\r\n  const navUrl = \"/\" + window.location.pathname.split(\"/\").slice(1).join(\"/\");\r\n  const { isLogin, user } = useSelector((state) => state.user);\r\n  const { pushOnOff, pushTime } = useSelector((state) => state.config); // config 의 state 를 가져오기!\r\n  const { navSelectedIndex , topTitle} = useSelector(state => state.layout)\r\n  const [socket, disconnect] = useSocket(\"chat\");\r\n  // console.log(isLogin,user);\r\n  // const [isLogin, setisLogin] = React.useState(store.getState().isLogin);\r\n\r\n  const onLogin = () => {\r\n    // history.push(\"/login\");\r\n    // console.log(\"url\" , window.location.pathname.split(\"/\")[1]);\r\n    history.push(\"/login\", { footNav: navUrl });\r\n  };\r\n\r\n  // store.subscribe(()=>{\r\n  //   console.log(\"tobbar\",1,isLogin);\r\n  //   setisLogin(store.getState().isLogin);\r\n  // })\r\n\r\n  useEffect(() => {\r\n    const androidID = document.querySelector(\"input[name=android_id\").value;\r\n    // alert(androidID);\r\n    // 안드로이드 정보가 있고 로그인 되어 있을때 push 설정값 디비 저장!\r\n    if (androidID != \"\") {\r\n      if (isLogin && user.loginGubun && user.id) {\r\n        // alert(isLogin);\r\n        axios\r\n          .post(\r\n            `${process.env.REACT_APP_BACK_URL}/api/setIdPush`,\r\n            {\r\n              loginGubun: user.loginGubun,\r\n              loginID: user.id,\r\n              androidID: androidID,\r\n              pushOnOff: pushOnOff,\r\n              pushTime: pushTime,\r\n            },\r\n            { withCredentials: true }\r\n          )\r\n          .then((res) => {\r\n            // console.log(res);\r\n            document.querySelector(\"input[name=android_id\").value = \"\";\r\n          })\r\n          .catch((err) => {\r\n            //console.log(err);\r\n          });\r\n      }\r\n    }\r\n  });\r\n\r\n  const getLoginInfo = () => {\r\n    // console.log(\"topbar getLoginInfo\" , isLogin)\r\n    // console.log(\"andid\" , document.querySelector(\"input[name=android_id\").value)\r\n    if (isLogin) {\r\n      axios\r\n        .post(`${process.env.REACT_APP_BACK_URL}/api/myInfo`, \"\", { withCredentials: true })\r\n        .then((res) => {\r\n          // console.log(res.data);\r\n          const userLoginGubun = \"kakao\";\r\n          const userid = res.data.rdata.id;\r\n          if (res.data.rdata.kakao_account && res.data.rdata.kakao_account.profile) {\r\n            const { nickname, profile_image_url, thumbnail_image_url } = res.data.rdata.kakao_account.profile;\r\n            dispatch({\r\n              type: \"SET_USERINFO\",\r\n              user: {\r\n                loginGubun: userLoginGubun,\r\n                id: userid,\r\n                nickname: nickname,\r\n                profile_image_url: profile_image_url,\r\n                thumbnail_image_url: thumbnail_image_url,\r\n              },\r\n            });\r\n\r\n            //로그인정보를 잘 가져왔다면 config 정보도 가져옴.\r\n            // console.log(\"getConfig start\");\r\n            axios\r\n              .get(`${process.env.REACT_APP_BACK_URL}/api/config/${userLoginGubun}/${userid}`, \"\", { withCredentials: true })\r\n              .then((_res) => {\r\n                // console.log(\"getConfig then\");\r\n                // console.log(_res.data);\r\n                if (_res.data && _res.data.pushTime) {\r\n                  // console.log(\"getConfig then2\");\r\n                  dispatch({ type: \"SET_PUSHONOFF\", pushOnOff: _res.data.pushOnOff });\r\n                  dispatch({ type: \"SET_PUSHTIME\", pushTime: _res.data.pushTime });\r\n                  // console.log(\"getConfig then3\");\r\n                }\r\n              })\r\n              .catch((_err) => {\r\n                // console.log(\"getConfig error\");\r\n                console.log(_err);\r\n              });\r\n          } else {\r\n            // 로그인 정보 날리기!!\r\n            dispatch({\r\n              type: \"CLEAR_USERINFO\",\r\n            });\r\n          }\r\n        })\r\n\r\n        // res.data.rdata.nickname\r\n        //res.data.rdata.profile_image_url\r\n        .catch((err) => {\r\n          // 로그인 정보 날리기!!\r\n          console.error(err);\r\n          dispatch({\r\n            type: \"CLEAR_USERINFO\",\r\n          });\r\n        });\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getLoginInfo();\r\n  }, [isLogin]);\r\n\r\n  const onMenuPop = (event) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleMenuClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const handleLogout = () => {\r\n    setAnchorEl(null);\r\n    history.push(\"/logout\");\r\n  };\r\n\r\n  const handleProfile = () => {\r\n    setAnchorEl(null);\r\n    history.push(`/Profile/${user.loginGubun}/${user.id}`);\r\n  };\r\n\r\n  const handleConfig = () => {\r\n    setAnchorEl(null);\r\n    history.push(\"/config\");\r\n  };\r\n\r\n  const onLeftMenuOpen = () => {\r\n    setIsLeftMenu(true);\r\n  };\r\n\r\n  const onLeftMenuClose = () => {\r\n    setIsLeftMenu(false);\r\n  };\r\n\r\n  const onGoinviteFriend = () => {\r\n    console.log(\"onGoinviteFriend\");\r\n    setIsLeftMenu(false);\r\n    if (false == window.Kakao.isInitialized()) {\r\n      window.Kakao.init(\"217aef66389e1e1e4dd640f461544ef3\");\r\n      window.Kakao.isInitialized();\r\n    }\r\n    window.Kakao.Link.sendCustom({\r\n      templateId: 49461, // 다이어리초대 (49461)\r\n      templateArgs: {\r\n        title: \"제목 영역입니다.\",\r\n        description: \"설명 영역입니다.\",\r\n      },\r\n    });\r\n  };\r\n\r\n  const onGoToDo = () =>{\r\n    setIsLeftMenu(false);\r\n    if (isLogin && user.loginGubun && user.id) {\r\n      history.push(\"/todo\");    \r\n    } else {\r\n      setNeedLogin(true);\r\n      setTimeout(() => {\r\n        setNeedLogin(false);\r\n      }, 1500);\r\n    }    \r\n  }\r\n\r\n  const onGoThankyou = () =>{\r\n    setIsLeftMenu(false);\r\n    history.push(\"/\");\r\n  }\r\n\r\n  const onGoChatRoomList = () => {\r\n    setIsLeftMenu(false);\r\n    if (isLogin && user.loginGubun && user.id) {\r\n      history.push(\"/chat\");\r\n    } else {\r\n      setNeedLogin(true);\r\n      setTimeout(() => {\r\n        setNeedLogin(false);\r\n      }, 1500);\r\n    }\r\n  };\r\n\r\n  // console.log(\"tobbar\", 2, isLogin);\r\n\r\n  // 로그인 정보 생기면 online 쏘기!\r\n  useEffect(() => {\r\n    if (isLogin && socket.id && user.id) {\r\n      // console.log(socket.id);\r\n      // console.log(\"useEffect - online\");\r\n      socket.emit(\"online\", Object.assign(user, { socketID: socket.id }));\r\n    }\r\n  }, [isLogin, socket, user]);\r\n\r\n  // 사라질때 disconnect\r\n  useEffect(() => {\r\n    // console.log(\"useEffect - disconnect \");\r\n    return () => {\r\n      socket.emit(\"offline\", user);\r\n      if (\"function\" == typeof window.disconnect) {\r\n        // console.log(\"useEffect - disconnect call\");\r\n        disconnect();\r\n      }\r\n    };\r\n  }, [disconnect]);\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <AppBar position=\"static\" >\r\n        <Toolbar>\r\n          <IconButton edge=\"start\" className={classes.menuButton} color=\"inherit\" aria-label=\"menu\" onClick={onLeftMenuOpen}>\r\n            <MenuIcon />\r\n          </IconButton>\r\n          <Drawer anchor=\"left\" open={isLeftMenu} onClose={onLeftMenuClose} className={classes.drawer}>\r\n            <Typography variant=\"subtitle1\" align=\"center\" className={classes.titleMargin}>\r\n              엠엔엠 다이어리\r\n            </Typography>\r\n            <List className={classes.menulist}>\r\n              <ListItem button onClick={onGoThankyou}>\r\n                <ListItemIcon>\r\n                  <FavoriteIcon />\r\n                </ListItemIcon>\r\n                <ListItemText primary={\"3줄 일기\"} />\r\n              </ListItem>\r\n              <ListItem button onClick={onGoChatRoomList}>\r\n                <ListItemIcon>\r\n                  <ForumIcon />\r\n                </ListItemIcon>\r\n                <ListItemText primary={\"실시간 채팅\"} />\r\n              </ListItem>\r\n              <Divider />\r\n              <ListItem button onClick={onGoToDo}>\r\n                <ListItemIcon>\r\n                  <ListAltIcon />\r\n                </ListItemIcon>\r\n                <ListItemText primary={\"일정관리\"} />\r\n              </ListItem>\r\n              <Divider />\r\n              <ListItem button onClick={onGoinviteFriend}>\r\n                <ListItemIcon>\r\n                  <GroupIcon />\r\n                </ListItemIcon>\r\n                <ListItemText primary={\"친구초대\"} />\r\n              </ListItem>\r\n              <ListItem button>\r\n                <ListItemIcon>\r\n                  <MailIcon />\r\n                </ListItemIcon>\r\n                <ListItemText primary={\"랭킹\"} />\r\n              </ListItem>\r\n            </List>\r\n          </Drawer>\r\n          <Typography variant=\"h6\" className={classes.title}>\r\n            {topTitle}\r\n          </Typography>\r\n          {!isLogin && (\r\n            <Button onClick={onLogin} color=\"inherit\">\r\n              로그인\r\n            </Button>\r\n          )}\r\n          {isLogin && (\r\n            <>\r\n              <IconButton\r\n                aria-label=\"account of current user\"\r\n                aria-controls=\"menu-appbar\"\r\n                aria-haspopup=\"true\"\r\n                color=\"inherit\"\r\n                onClick={onMenuPop}\r\n              >\r\n                <Avatar alt=\"user.nickname\" src={Util.httpToHttps(user.thumbnail_image_url)} />\r\n              </IconButton>\r\n              <Menu\r\n                anchorEl={anchorEl}\r\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n                id=\"loginMenu\"\r\n                keepMounted\r\n                transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n                open={isMenuPopShow}\r\n                onClose={handleMenuClose}\r\n              >\r\n                <MenuItem onClick={handleProfile}>프로필</MenuItem>\r\n                <MenuItem onClick={handleConfig}>푸시설정</MenuItem>\r\n                <MenuItem onClick={handleLogout}>로그아웃</MenuItem>\r\n              </Menu>\r\n            </>\r\n          )}\r\n        </Toolbar>\r\n      </AppBar>\r\n      {needLogin && (\r\n        <div className={classes.alert}>\r\n          <Alert severity=\"error\" color=\"error\">\r\n            로그인후 이용가능합니다.\r\n          </Alert>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n","import React from 'react'\r\nimport ThankYouList from '../components/ThankYouList'\r\nimport TopBar from \"../components/TopBar\"\r\n\r\nexport const Header = () => {\r\n    return (\r\n        <>\r\n            <TopBar />\r\n        </>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport { Footer } from './Footer'\r\nimport { Header } from './Header'\r\n\r\n\r\nexport const Layout = ({children}) => {\r\n    return (\r\n        <>\r\n            <Header />\r\n            {children}\r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n","// 레이아웃 , HOVER\r\nexport const NAV_SELECTED = \"NAV_SELECTED\"\r\nexport const TOP_TITLE = \"TOP_TITLE\"\r\n\r\n// 사용자정보\r\nexport const SET_LOGIN_STATE = \"SET_LOGIN_STATE\"\r\nexport const SET_USERINFO = \"SET_USERINFO\"\r\nexport const CLEAR_USERINFO = \"CLEAR_USERINFO\"\r\n\r\n// 푸시설정\r\nexport const SET_PUSHONOFF = \"SET_PUSHONOFF\"\r\nexport const SET_PUSHTIME = \"SET_PUSHTIME\"\r\nexport const SET_PUSHKEY = \"SET_PUSHKEY\"\r\n\r\n\r\n","import * as type from \"../actoins/type\";\r\n\r\nconst initialState = {\r\n  navSelectedIndex: 0,\r\n  topTitle: \"\",\r\n};\r\n\r\nconst layout = (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case type.NAV_SELECTED: // 하단 버튼 hover 변경\r\n      return {\r\n        ...state,\r\n        navSelectedIndex: action.selectedIndex,\r\n      };\r\n    case type.TOP_TITLE: // 하단 버튼 hover 변경\r\n      return {\r\n        ...state,\r\n        topTitle: action.title,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nexport default layout;\r\n","import * as type from '../actoins/type';\r\n\r\nconst initialState = {\r\n  isLogin: false,\r\n  user: {\r\n    loginGubun: \"\",\r\n    id: \"\",\r\n    nickname: \"\",\r\n    profile_image_url: \"\",\r\n    thumbnail_image_url: \"\",\r\n  }\r\n};\r\n\r\nconst user = (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case type.SET_LOGIN_STATE: // 로그인 상태 변경\r\n      return {\r\n        ...state, isLogin: action.loginState\r\n      };\r\n    case type.SET_USERINFO:\r\n      return {\r\n        ...state, user: action.user\r\n      };\r\n      case type.CLEAR_USERINFO:\r\n        return {\r\n          ...state, isLogin : false , user : {loginGubun : \"\",id:\"\",nickname:\"\",profile_iamge_url:\"\",thumbnail_image_url:\"\"}\r\n        };      \r\n    default:\r\n      return state\r\n  }\r\n};\r\n\r\nexport default user;","import * as type from '../actoins/type';\r\n\r\nconst initialState = {\r\n  pushOnOff : true,\r\n  pushTime : '20:30',\r\n  androidID : '',\r\n  pushKey : '',\r\n};\r\n\r\nconst config = (state = initialState, action) => {\r\n\r\n  \r\n  switch (action.type) {\r\n    case type.SET_PUSHONOFF: // 로그인 상태 변경\r\n      return {\r\n        ...state, pushOnOff: action.pushOnOff\r\n      };\r\n    case type.SET_PUSHTIME:\r\n      return {\r\n        ...state, pushTime: action.pushTime\r\n      };\r\n    case type.SET_PUSHKEY:\r\n      return {\r\n        ...state, androidID: action.androidID , pushKey : action.pushKey\r\n      };    \r\n    default:\r\n      return state\r\n  }\r\n};\r\n\r\nexport default config;","import { combineReducers } from 'redux'; // 흩어진 reducer 들을 하나로 모아준다.\r\n\r\nimport layout from './layout';\r\nimport user from './user';\r\nimport config from './config';\r\n\r\n\r\nconst rootReducer = combineReducers({\r\n    layout,\r\n    user,\r\n    config,\r\n});\r\n\r\nexport default rootReducer;","import { createStore, applyMiddleware } from 'redux';\r\nimport logger from 'redux-logger';\r\nimport { persistReducer } from 'redux-persist';\r\nimport storage from 'redux-persist/lib/storage';\r\nimport reducers from '../reducers';\r\n\r\nconst persistConfig = {\r\n    key: 'root',\r\n    storage\r\n};\r\nconst enhancedReducer = persistReducer(persistConfig, reducers);\r\n\r\n//export default createStore(enhancedReducer, applyMiddleware());\r\n//export default createStore(enhancedReducer, applyMiddleware(logger));\r\nexport default createStore(enhancedReducer,window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());\r\n","import { BrowserRouter , Route , Switch } from 'react-router-dom';\r\nimport Login from \"./components/Login\"\r\nimport Logout from \"./components/Logout\"\r\nimport Oauth from \"./components/Oauth\"\r\nimport ThankYouList from \"./components/ThankYouList\"\r\nimport ThankYouWrite from \"./components/ThankYouWrite\"\r\nimport ThankYouLike from \"./components/ThankYouLike\"\r\nimport Profile from \"./components/Profile\"\r\nimport Config from \"./components/Config\"\r\nimport SetKey from \"./components/SetKey\"\r\nimport Friends from \"./components/Friends\"\r\nimport Todo from \"./components/Todo\"\r\nimport NoMatch from \"./components/NoMatch\"\r\nimport Message from \"./components/Message\"\r\nimport Chat from \"./components/Chat\"\r\nimport MyDivs from \"./components/MyDivs\"\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { Layout } from './Layouts/Layout';\r\nimport { Provider } from \"react-redux\";\r\nimport store from './store/store'\r\nimport { persistStore } from 'redux-persist';\r\nimport { PersistGate } from 'redux-persist/integration/react';\r\n\r\n\r\nfunction App() {\r\n\r\n  const persistor = persistStore(store);\r\n  \r\n  return (\r\n    <Provider store={store}>\r\n      <PersistGate loading={null} persistor={persistor}>\r\n        <BrowserRouter>\r\n          <Grid container direction=\"row\"  justify=\"center\"  alignItems=\"center\" spacing={0} >\r\n            <Grid item xs={12} >\r\n              <Layout>\r\n                \r\n                  <Switch>   {/* 가장처음 매칭되는것 하나만 보여지는 방식 */}\r\n                    <Route exact path=\"/\" component={ThankYouList}></Route>\r\n                    <Route path=\"/write\" component={ThankYouWrite}></Route>\r\n                    <Route path=\"/edit/:postid\" component={ThankYouWrite}></Route>\r\n                    <Route path=\"/like\" component={ThankYouLike}></Route>\r\n                    <Route path=\"/profile/message/:loginGubun/:loginId\" component={Message}></Route>\r\n                    <Route path=\"/Chat\" component={Chat}></Route>\r\n                    <Route path=\"/profile/:loginGubun/:loginId\" component={Profile}></Route>\r\n                    <Route path=\"/config\" component={Config}></Route>\r\n                    <Route path=\"/login\" component={Login}></Route>\r\n                    <Route path=\"/logout\" component={Logout}></Route>\r\n                    <Route path=\"/oauth\" component={Oauth}></Route>\r\n                    <Route path=\"/setKey\" component={SetKey}></Route>\r\n                    <Route path=\"/Friends\" component={Friends}></Route>\r\n                    <Route path=\"/todo\" component={Todo}></Route>\r\n                    <Route path=\"/mydivs\" component={MyDivs}></Route>\r\n                    <Route component={NoMatch}></Route>\r\n                  </Switch>\r\n                \r\n              </Layout>\r\n            </Grid>\r\n          </Grid>    \r\n        </BrowserRouter>       \r\n      </PersistGate>     \r\n    </Provider>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./styles/style.scss\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      light: '#00ff00', // 선택시 빛? hover?\n      main: '#fefefe',  // 배경색!?\n      // light: '#757ce8',\n      // main: '#3f50b5',\n      dark: '#002884', \n      contrastText: '#000', // 글자색\n    },\n    secondary: {\n      light: '#ff7961',\n      main: '#f44336',\n      dark: '#ba000d',\n      contrastText: '#000',\n    },\n  },\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ThemeProvider theme={theme}>\n      <App />\n    </ThemeProvider>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}