diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
index 5657e90a..87bb61ca 100644
--- a/src/app/mypage/page.tsx
+++ b/src/app/mypage/page.tsx
@@ -1,13 +1,17 @@
+import RedirectErrorToastHandler from '@/components/logic/RedirectErrorToastHandler';
import MyProfile from './_components/my-profile/MyProfile';
import MySocialList from './_components/my-social-list/MySocialList';
const MyPage = () => {
return (
-
+ <>
+
+
+
);
};
diff --git a/src/app/social/page.tsx b/src/app/social/page.tsx
index ea25d452..0310d10f 100644
--- a/src/app/social/page.tsx
+++ b/src/app/social/page.tsx
@@ -5,6 +5,7 @@ import { getQueryClient } from '@/lib/queryClinet';
import SocialListContainer from './_components/SocialListContainer';
import { BookOpen } from 'lucide-react';
import type { Metadata } from 'next';
+import RedirectErrorToastHandler from '@/components/logic/RedirectErrorToastHandler';
export const metadata: Metadata = {
title: '스토리그룹 - WeWrite',
@@ -35,23 +36,26 @@ const Social = async () => {
});
return (
-
-
-
- 모두와 만들어 나가는 상상의 여정
-
- 함께 쓰고, 함께 완성하는 이야기
-
-
+ <>
+
+
+
+ 모두와 만들어 나가는 상상의 여정
+
+ 함께 쓰고, 함께 완성하는 이야기
+
+
+
-
-
-
- 지금, 당신의 상상을 더해보세요
-
-
+
+ 지금, 당신의 상상을 더해보세요
+
+
+
+
);
};
diff --git a/src/components/layout/GNB/UserProfileDropdown.tsx b/src/components/layout/GNB/UserProfileDropdown.tsx
index 86e6bdf1..d5bbd3f0 100644
--- a/src/components/layout/GNB/UserProfileDropdown.tsx
+++ b/src/components/layout/GNB/UserProfileDropdown.tsx
@@ -41,7 +41,7 @@ const UserProfileDropdown = ({
closeDropdown();
if (pathname === APP_ROUTES.mypage) {
- router.push(APP_ROUTES.signin);
+ router.push(APP_ROUTES.home);
}
};
diff --git a/src/components/logic/RedirectErrorToastHandler.tsx b/src/components/logic/RedirectErrorToastHandler.tsx
new file mode 100644
index 00000000..f0ac73be
--- /dev/null
+++ b/src/components/logic/RedirectErrorToastHandler.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import toast from '@/utils/toast';
+import { useEffect } from 'react';
+import Cookies from 'js-cookie';
+
+const RedirectErrorToastHandler = () => {
+ useEffect(() => {
+ const errorType = Cookies.get('redirect_error');
+
+ if (errorType === 'invalid_route') {
+ setTimeout(() => {
+ toast({
+ type: 'error',
+ message: '잘못된 접근입니다.',
+ duration: 4,
+ });
+ }, 0);
+ Cookies.remove('redirect_error');
+ }
+ }, []);
+
+ return null;
+};
+
+export default RedirectErrorToastHandler;
diff --git a/src/hooks/api/auth/usePostSignin.ts b/src/hooks/api/auth/usePostSignin.ts
index 6150390c..92d93c50 100644
--- a/src/hooks/api/auth/usePostSignin.ts
+++ b/src/hooks/api/auth/usePostSignin.ts
@@ -14,7 +14,7 @@ export const usePostSignin = () => {
onSuccess: async () => {
toast.success('로그인에 성공했습니다.');
await queryClient.prefetchQuery({ queryKey: ['myInfo'] });
- router.push(APP_ROUTES.social);
+ router.replace(APP_ROUTES.social);
},
onError: (error: Error) => {
const errorData = JSON.parse(error.message);
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 00000000..3ad8e520
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,34 @@
+import { APP_ROUTES } from '@/constants/appRoutes';
+import redirectWithError from '@/utils/middleware-utils';
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+
+const middleware = async (request: NextRequest) => {
+ const { pathname } = request.nextUrl;
+
+ const accessToken = request.cookies.get('accessToken')?.value;
+ const isSignIn = Boolean(accessToken);
+
+ const isAuthPage =
+ pathname === APP_ROUTES.signin || pathname === APP_ROUTES.signup;
+ const isProtectedPage = pathname === APP_ROUTES.mypage;
+
+ const referer = request.headers.get('referer') ?? '';
+ const isFromSignIn = referer.includes(APP_ROUTES.signin);
+
+ if (isProtectedPage && !isSignIn) {
+ return redirectWithError({ url: APP_ROUTES.signin, request });
+ }
+
+ if (isAuthPage && isSignIn && !isFromSignIn) {
+ return redirectWithError({ url: APP_ROUTES.home, request });
+ }
+
+ return NextResponse.next();
+};
+
+export const config = {
+ matcher: ['/auths/signin', '/auths/signup', '/mypage'],
+};
+
+export default middleware;
diff --git a/src/utils/middleware-utils.ts b/src/utils/middleware-utils.ts
new file mode 100644
index 00000000..f1113c61
--- /dev/null
+++ b/src/utils/middleware-utils.ts
@@ -0,0 +1,22 @@
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+
+interface RedirectWithErrorParams {
+ url: string;
+ request: NextRequest;
+}
+
+const COOKIE_LIFE_TIME_SECONDS = 5;
+
+const redirectWithError = ({ url, request }: RedirectWithErrorParams) => {
+ const response = NextResponse.redirect(new URL(url, request.url));
+ response.cookies.set('redirect_error', 'invalid_route', {
+ path: '/',
+ httpOnly: false,
+ secure: true,
+ maxAge: COOKIE_LIFE_TIME_SECONDS,
+ });
+ return response;
+};
+
+export default redirectWithError;