feat: 프로젝트 전체 Redirect 설정

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wdyta",
-  "version": "0.6.0",
+  "version": "1.0.0",
   "type": "module",
   "private": true,
   "scripts": {

src/app/@modal/(.)modal/common/authAlert/page.tsx

@@ -0,0 +1,16 @@
+import { AlertModal } from '@/components/@common/modal';
+import { Modal } from '@/shared/ui/Modal';
+
+const AuthAlertModal = () => {
+  return (
+    <Modal size="xsmall" closeIcon={false}>
+      <AlertModal
+        errorMessage="이미 로그인된 상태입니다"
+        buttonText="홈으로 가기"
+        path="/"
+      />
+    </Modal>
+  );
+};
+
+export default AuthAlertModal;

src/app/@modal/(.)modal/common/loginAlert/page.tsx

@@ -0,0 +1,16 @@
+import { AlertModal } from '@/components/@common/modal';
+import { Modal } from '@/shared/ui/Modal';
+
+const LoginAlertModal = () => {
+  return (
+    <Modal size="small" closeIcon={false}>
+      <AlertModal
+        errorMessage="로그인 후 이용해 주세요"
+        buttonText="로그인 하러 가기"
+        path="/login"
+      />
+    </Modal>
+  );
+};
+
+export default LoginAlertModal;

src/app/@modal/(.)modal/detail/edit/page.tsx

@@ -1,9 +1,15 @@
 import { EditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} />

src/app/@modal/(.)modal/detail/review/page.tsx

@@ -1,9 +1,15 @@
 import { ReviewModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewModal accessToken={accessToken} />

src/app/@modal/(.)modal/detail/reviewEdit/page.tsx

@@ -1,10 +1,15 @@
 import { ReviewEditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewEditModal accessToken={accessToken} />

src/app/@modal/(.)modal/home/productAdd/page.tsx

@@ -1,9 +1,15 @@
 import { Modal } from '@/shared/ui/Modal';
 import { AddModal } from '@/components/Home/modal/AddModal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductAddModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <AddModal accessToken={accessToken} title="상품 추가" />

src/app/@modal/(.)modal/profile/profileEdit/page.tsx

@@ -1,9 +1,15 @@
 import EditModal from '@/components/Profile/modal/EditModal';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 
 const ProfileEdit = () => {
   const { accessToken, loginedId } = getUserCookies();
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} loginedId={loginedId} />

src/app/@modal/(.)modal/profile/userFollowList/page.tsx

@@ -2,11 +2,16 @@ import UserListModal from '@/components/Profile/modal/UserListModal';
 import { SkeletonUserListModal } from '@/components/Profile/skeleton';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 import { Suspense } from 'react';
 
 const UserFollowList = () => {
   const { accessToken, loginedId } = getUserCookies();
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="small" closeIcon>
       <Suspense fallback={<SkeletonUserListModal />}>

src/app/[category]/[product]/page.tsx

@@ -15,6 +15,8 @@ import {
 } from '@/components/Detail/skeletons';
 import { ProductStatistics } from '@/components/Detail/ProductStatistics';
 import { ProductReviews } from '@/components/Detail/ProductReviews';
+import { URL_CATEGORIES } from '@/shared/@common/constants';
+import { notFound } from 'next/navigation';
 
 const DetailPage = ({
   params,
@@ -29,6 +31,10 @@ const DetailPage = ({
   const accessToken = cookies().get('accessToken')?.value ?? '';
   const userId = Number(cookies().get('userId')?.value);
 
+  if (!URL_CATEGORIES.includes(category)) {
+    notFound();
+  }
+
   const queryClient = getQueryClient();
   queryClient.prefetchQuery(productOptions(productId, accessToken));
   queryClient.prefetchInfiniteQuery(

src/app/[category]/page.tsx

@@ -8,6 +8,8 @@ import { SkeletonReviewerRanking } from '@/components/Home/skeletons/SkeletonRev
 import { ReviewerRanking } from '@/components/Home/ReviewerRanking/ReviewerRanking';
 import { convertCategoryToId } from '@/shared/@common/utils';
 import { SideMenu } from '@/shared/ui/Menu/SideMenu';
+import { URL_CATEGORIES } from '@/shared/@common/constants';
+import { notFound } from 'next/navigation';
 import { homeProductOptions, rankingOptions } from './homeQueryOptions';
 
 const FilteredHome = ({
@@ -22,6 +24,10 @@ const FilteredHome = ({
   const currentSearchWord = searchParams.keyword;
   const currentFilter = searchParams.order;
 
+  if (!URL_CATEGORIES.includes(category)) {
+    notFound();
+  }
+
   const queryClient = getQueryClient();
   queryClient.prefetchQuery(rankingOptions());
   queryClient.prefetchInfiniteQuery(

src/app/modal/common/authAlert/page.tsx

@@ -0,0 +1,16 @@
+import { AlertModal } from '@/components/@common/modal';
+import { Modal } from '@/shared/ui/Modal';
+
+const AuthAlertModal = () => {
+  return (
+    <Modal size="xsmall" closeIcon={false}>
+      <AlertModal
+        errorMessage="이미 로그인된 상태입니다"
+        buttonText="홈으로 가기"
+        path="/"
+      />
+    </Modal>
+  );
+};
+
+export default AuthAlertModal;

src/app/modal/common/loginAlert/page.tsx

@@ -0,0 +1,16 @@
+import { AlertModal } from '@/components/@common/modal';
+import { Modal } from '@/shared/ui/Modal';
+
+const LoginAlertModal = () => {
+  return (
+    <Modal size="small" closeIcon={false}>
+      <AlertModal
+        errorMessage="로그인 후 이용해 주세요"
+        buttonText="로그인 하러 가기"
+        path="/login"
+      />
+    </Modal>
+  );
+};
+
+export default LoginAlertModal;

src/app/modal/detail/edit/page.tsx

@@ -1,9 +1,15 @@
 import { EditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} />

src/app/modal/detail/review/page.tsx

@@ -1,9 +1,15 @@
 import { ReviewModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewModal accessToken={accessToken} />

src/app/modal/detail/reviewEdit/page.tsx

@@ -1,10 +1,15 @@
 import { ReviewEditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewEditModal accessToken={accessToken} />

src/app/modal/home/productAdd/page.tsx

@@ -1,9 +1,15 @@
 import { Modal } from '@/shared/ui/Modal';
 import { AddModal } from '@/components/Home/modal/AddModal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductAddModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <AddModal accessToken={accessToken} title="상품 추가" />

src/app/modal/profile/profileEdit/page.tsx

@@ -1,9 +1,15 @@
 import EditModal from '@/components/Profile/modal/EditModal';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 
 const ProfileEdit = () => {
   const { accessToken, loginedId } = getUserCookies();
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} loginedId={loginedId} />

src/app/modal/profile/userFollowList/page.tsx

@@ -2,11 +2,16 @@ import UserListModal from '@/components/Profile/modal/UserListModal';
 import { SkeletonUserListModal } from '@/components/Profile/skeleton';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 import { Suspense } from 'react';
 
 const UserFollowList = () => {
   const { accessToken, loginedId } = getUserCookies();
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="small" closeIcon>
       <Suspense fallback={<SkeletonUserListModal />}>

src/app/profile/page.tsx

@@ -39,7 +39,7 @@ export default function Profile({ searchParams }: ProfileProps) {
     ),
   );
   if (!accessToken && !userId) {
-    redirect('/login');
+    redirect('/modal/common/loginAlert');
   }
   return (
     <main className="flex justify-center items-start md:flex-col mobile:flex-col md:items-center mobile:items-center md:min-w-[509px] mobile:min-w-[335px] lg:gap-[70px] gap-[60px] py-[52px] lg:px-[120px] md:px-[30px] mobile:px-[21px] ">

src/components/Detail/ProductDetail/FavoriteButton.tsx

@@ -23,7 +23,9 @@ export const FavoriteButton = ({
 
   const handleClick = () => {
     if (!accessToken) {
-      router.push('/login');
+      router.push('/modal/common/loginAlert', {
+        scroll: false,
+      });
     }
     favoriteMutation.mutate();
   };

src/components/Detail/ProductReviews/LikeButton.tsx

@@ -29,7 +29,9 @@ export const LikeButton = ({
 
   const handleClick = () => {
     if (!accessToken) {
-      router.push('/login');
+      router.push('/modal/common/loginAlert', {
+        scroll: false,
+      });
     }
     likeMutation.mutate();
   };

src/components/Profile/ProfileCard.tsx

@@ -47,7 +47,9 @@ export const ProfileCard = ({ loginedId, accessToken }: ProfileCardProps) => {
 
   const handleClickFollow = () => {
     if (!accessToken) {
-      router.push(`modal/profile/loginAlert?userId=${currentProfileId}`);
+      router.push(`/modal/common/loginAlert?userId=${currentProfileId}`, {
+        scroll: false,
+      });
       return;
     }
     followMutation.mutate({ isFollowing });