Merge pull request kookmin-sw#2 from capstone-maru/dev

chore/docs: 프로젝트 구조 수정

README.md

@@ -10,7 +10,7 @@
   - [features](#features)
   - [hooks, quires](#hooks-quires)
   - [lib](#lib)
-  - [types](#etc-types)
+  - [pages, types](#etc-types)
 - [Package Manager](#package-manager)
 
 ## **Commit Convention**

src/app/page.tsx

@@ -1,3 +1,11 @@
+'use client';
+
+import useLoginStatus from '@/hooks/useLoginStatus';
+import MainPageWithLogin from '@/pages/main-with-login';
+import MainPageWithoutLogin from '@/pages/main-without-login';
+
 export default function Home() {
-  return <></>;
+  const loginStatus = useLoginStatus();
+
+  return <>{loginStatus ? <MainPageWithLogin /> : <MainPageWithoutLogin />}</>;
 }

src/hooks/useLoginStatus.ts

@@ -1,15 +1,17 @@
 import { useAppSelector } from '@/lib/hooks';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 export default function useLoginStatus() {
   const [loginStatus, setLoginStatus] = useState(false);
 
   const status = useAppSelector(state => state.auth.status);
-  if (status === 'logged-in') {
-    setLoginStatus(true);
-  } else {
-    setLoginStatus(false);
-  }
+  useEffect(() => {
+    if (status === 'logged-in') {
+      setLoginStatus(true);
+    } else {
+      setLoginStatus(false);
+    }
+  }, [status]);
 
   return loginStatus;
 }

src/pages/main-with-login.tsx

@@ -0,0 +1,3 @@
+export default function MainPageWithLogin() {
+  return <></>;
+}

src/pages/main-without-login.tsx

@@ -0,0 +1,3 @@
+export default function MainPageWithoutLogin() {
+  return <></>;
+}