refactor: (#508) hasEssentialInfo을 쿠키가 아닌 로컬스토리지로 변경

유효 기간이 없다는 장점과 보안과 상관없는 정보이기 때문에 Secure, HttpOnly 설정이 필요 없어보여서 로컬 스토리지로 변경

frontend/src/App.tsx

@@ -8,9 +8,10 @@ import PostOptionProvider from '@hooks/context/postOption';
 
 import router from '@routes/router';
 
-import ChannelTalk from '@pages/ChannelTalk';
 import ErrorBoundaryForTopClass from '@pages/ErrorBoundaryForTopClass';
 
+import ChannelTalk from '@components/ChannelTalk';
+
 import { GlobalStyle } from '@styles/globalStyle';
 import { theme } from '@styles/theme';
 

frontend/src/components/common/Dashboard/index.tsx

@@ -1,4 +1,5 @@
 import { Suspense, useContext } from 'react';
+import { useNavigate } from 'react-router-dom';
 
 import { AuthContext } from '@hooks/context/auth';
 
@@ -13,11 +14,14 @@ import * as S from './style';
 import UserProfile from './UserProfile';
 
 export default function Dashboard() {
+ const navigate = useNavigate();
  const { loggedInfo, clearLoggedInfo } = useContext(AuthContext);
  const { userInfo } = loggedInfo;
 
  const handleLogoutClick = () => {
  clearLoggedInfo();
+
+ navigate('/');
  };
 
  return (

frontend/src/hooks/context/auth.tsx

@@ -26,7 +26,7 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
  const clearLoggedInfo = () => {
  clearCookieToken('accessToken');
  clearCookieToken('refreshToken');
- clearCookieToken('hasEssentialInfo');
+ localStorage.removeItem('hasEssentialInfo');
 
  setLoggedInfo(notLoggedInfo);
  };

frontend/src/pages/MyInfo/index.tsx

@@ -73,9 +73,10 @@ export default function MyInfo() {
  useEffect(() => {
  if (isWithdrawalMembershipSuccess) {
  clearLoggedInfo();
+
  navigate('/');
  }
- }, [isWithdrawalMembershipSuccess, clearLoggedInfo, navigate]);
+ }, [isWithdrawalMembershipSuccess]);
 
  useEffect(() => {
  if (isWithdrawalMembershipError && withdrawalMembershipError instanceof Error) {

frontend/src/pages/auth/Redirection.tsx

@@ -36,7 +36,7 @@ export default function Redirection() {
  const { accessToken, hasEssentialInfo, refreshToken } = await getAuthInfo(REGISTER_API_URL);
  setCookieToken('accessToken', accessToken);
  setCookieToken('refreshToken', refreshToken ?? '');
- setCookieToken('hasEssentialInfo', String(hasEssentialInfo));
+ localStorage.setItem('hasEssentialInfo', String(hasEssentialInfo));
 
  const decodedPayload = decodeToken(accessToken);
  const id = decodedPayload.memberId;

frontend/src/pages/user/RegisterPersonalInfo/index.tsx

@@ -11,8 +11,6 @@ import SquareButton from '@components/common/SquareButton';
 
 import { BIRTH_YEAR } from '@constants/user';
 
-import { setCookieToken } from '@utils/cookie';
-
 import * as S from './style';
 
 interface UserInfoForm {
@@ -62,7 +60,7 @@ export default function RegisterPersonalInfo() {
 
  const submittedUserInfo = { gender, birthYear: Number(birthYear) };
  updateUserInfo(submittedUserInfo);
- setCookieToken('hasEssentialInfo', 'true');
+ localStorage.setItem('hasEssentialInfo', 'true');
 
  alert('개인 정보 등록 완료!');
  navigate('/');