Fix : 라우터 프로텍터 미적용 수정

src/app/RequiredAuth.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { useEffect } from 'react';
+import useUserStore from '@/store/useUsersStore';
+import { useRouter } from 'next/navigation';
+import { childrenProps } from '@/lib/type';
+
+const RequiredAuth = ({ children }: childrenProps) => {
+  const { user } = useUserStore();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!user) {
+      alert('로그인 해주세요.');
+      router.replace('/');
+    }
+  }, [user, router]);
+  return user ? children : null;
+};
+
+export default RequiredAuth;

src/app/cardEdit/layout.tsx

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import type { Metadata } from 'next';
+import { getMetadata } from '@/lib/util/getMetaData';
+import RequiredAuth from '@/app/RequiredAuth';
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getMetadata({
+    title: `포케허브 | 카드제작`,
+  });
+};
+
+const CardEditLayout = ({ children }: PropsWithChildren) => {
+  return (
+    <RequiredAuth>
+      <div>{children}</div>
+    </RequiredAuth>
+  );
+};
+
+export default CardEditLayout;

src/app/community/add/layout.tsx

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import type { Metadata } from 'next';
+import { getMetadata } from '@/lib/util/getMetaData';
+import RequiredAuth from '@/app/RequiredAuth';
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getMetadata({
+    title: `포케허브 | 게시물 작성`,
+  });
+};
+
+const AddLayout = ({ children }: PropsWithChildren) => {
+  return (
+    <RequiredAuth>
+      <div>{children}</div>
+    </RequiredAuth>
+  );
+};
+
+export default AddLayout;

src/app/community/edit/layout.tsx

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import type { Metadata } from 'next';
+import { getMetadata } from '@/lib/util/getMetaData';
+import RequiredAuth from '@/app/RequiredAuth';
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getMetadata({
+    title: `포케허브 | 게시물 수정`,
+  });
+};
+
+const EditLayout = ({ children }: PropsWithChildren) => {
+  return (
+    <RequiredAuth>
+      <div>{children}</div>
+    </RequiredAuth>
+  );
+};
+
+export default EditLayout;

src/app/mypage/layout.tsx

@@ -0,0 +1,20 @@
+import type { PropsWithChildren } from 'react';
+import type { Metadata } from 'next';
+import { getMetadata } from '@/lib/util/getMetaData';
+import RequiredAuth from '@/app/RequiredAuth';
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  return getMetadata({
+    title: `포케허브 | 마이페이지`,
+  });
+};
+
+const MypageLayout = ({ children }: PropsWithChildren) => {
+  return (
+    <RequiredAuth>
+      <div>{children}</div>
+    </RequiredAuth>
+  );
+};
+
+export default MypageLayout;