feat: 새로고침시 로그인 유지 (#66)

로그인 시 유저 정보 세션 스토리지에 저장 후 로그인 체크

src/App.js

@@ -15,7 +15,7 @@ export default function App() {
       <Switch>
         <Route exact path="/" component={LoginPage} />
         <AuthRoute path="/conference" component={ConferenceButton} />
-        <Route path="/questionlist" component={QuestionListPage} />
+        <AuthRoute path="/questionlist" component={QuestionListPage} />
         <Route path="/question/:id" component={QuestionPage} />
         <Route path="/room/:roomID" component={ConferenceRoom} />
         <Route component={NotFound} />

src/components/AuthRoute/AuthRoute.js

@@ -1,11 +1,20 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Route, Redirect } from 'react-router-dom';
-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import { get } from '../../utils/snippet';
+import { setLogin } from '../../store/Auth/auth';
 
 export default function AuthRoute({ component: Component, render, ...rest }) {
+  const dispatch = useDispatch();
   const authSelector = useSelector(get('auth'));
+  useEffect(() => {
+    const name = sessionStorage.getItem('name');
+    const email = sessionStorage.getItem('email');
+    if (name !== authSelector.name) {
+      dispatch(setLogin({ email, name }));
+    }
+  }, []);
   return (
     <Route
       {...rest}

src/store/Auth/auth.js

@@ -9,6 +9,8 @@ const authReducer = createSlice({
   },
   reducers: {
     setLogin(state, { payload: { email, name } }) {
+      sessionStorage.setItem('name', name);
+      sessionStorage.setItem('email', email);
       return {
         ...state,
         isLogin: true,