[feat] : 온보딩 진입 기능 추가 및 방문 기록 저장

- goal이 없고, localStorage에 온보딩 방문 기록이 없을 때만 온보딩 페이지로 이동하는 로직을 useGoOnboarding 커스텀 훅으로 분리
- 온보딩 페이지 진입 시 localStorage에 'onboarding_visited_at' 키로 방문 날짜 저장

Author: IceBear9028

src/app/(home)/home/page.tsx

@@ -10,10 +10,13 @@ export default function MainPage() {
   const { goal, isLoading } = useFetchGetGoal();
   const router = useRouter();
 
-  // goal이 없고 로딩이 끝났으면 온보딩 페이지로 이동
+  // goal이 없고 로딩이 끝났으며, 온보딩 기록이 없으면 온보딩 페이지로 이동
   useEffect(() => {
-    if (!isLoading && goal) {
-      router.replace('/onboarding');
+    if (!isLoading && !goal) {
+      const onboardingVisited = typeof window !== 'undefined' && localStorage.getItem('onboarding_visited_at');
+      if (!onboardingVisited) {
+        router.replace('/onboarding');
+      }
     }
   }, [isLoading, goal, router]);
 

src/app/(home)/onboarding/page.tsx

@@ -3,9 +3,18 @@
 import Image from 'next/image';
 import Button from '@/shared/components/navigation/Button';
 import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
 
 export default function OnBoardingPage() {
   const router = useRouter();
+
+  // 온보딩 페이지 진입 시 방문 날짜 저장
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      localStorage.setItem('onboarding_visited_at', new Date().toISOString());
+    }
+  }, []);
+
   return (
     <div className="flex w-full h-full bg-[#1C1C1E]">
       <div className="flex flex-1 flex-col gap-14 px-4 py-8">

src/feature/onBoarding/hooks/useGoOnboarding.ts

@@ -0,0 +1,16 @@
+import { Goal } from '@/shared/type/goal';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+
+export function useGoOnboarding(isLoading: boolean, goal: Goal | null) {
+  const router = useRouter();
+  // goal이 없고 로딩이 끝났으며, 온보딩 기록이 없으면 온보딩 페이지로 이동
+  useEffect(() => {
+    if (!isLoading && !goal) {
+      const onboardingVisited = typeof window !== 'undefined' && localStorage.getItem('onboarding_visited_at');
+      if (!onboardingVisited) {
+        router.replace('/onboarding');
+      }
+    }
+  }, [isLoading, goal, router]);
+}

src/feature/onBoarding/index.ts

@@ -0,0 +1 @@
+export { useGoOnboarding } from './hooks/useGoOnboarding';