feat: 미들웨어 및 fetch 헤더 설정 테스트

apps/client/app/(beforeLogin)/auth/page.tsx

@@ -1,8 +1,33 @@
 import { css } from "@styled-system/css";
+import { fetcher } from "@wow-class/utils";
 import LoginButton from "components/LoginButton";
+import { apiPath } from "constants/apiPath";
+import { tags } from "constants/tags";
+import { cookies } from "next/headers";
 import Image from "next/image";
+import type { DashboardApiResponseDto } from "types/dtos/auth";
+
+const AuthPage = async () => {
+  const cookieStore = cookies();
+  const accessToken = cookieStore.get("accessToken")?.value;
+
+  const response = await fetcher.get<DashboardApiResponseDto>(
+    apiPath.dashboard,
+    {
+      next: { tags: [tags.dashboard] },
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`,
+      },
+    }
+  );
+
+  const memberRole = response.data?.member.role;
+  const currentRecruitmentOpen =
+    response.data?.currentRecruitmentRound.period.open;
+
+  console.log(memberRole, currentRecruitmentOpen);
 
-const AuthPage = () => {
   return (
     <main className={mainContentStyle}>
       <section className={leftColStyle}>

apps/client/app/(beforeLogin)/social-login/redirect/page.tsx

@@ -2,14 +2,22 @@ import { fetcher } from "@wow-class/utils";
 import { apiPath } from "constants/apiPath";
 import { routePath } from "constants/routePath";
 import { tags } from "constants/tags";
+import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 import type { DashboardApiResponseDto } from "types/dtos/auth";
 
 const AuthServerRedirectPage = async () => {
+  const cookieStore = cookies();
+  const accessToken = cookieStore.get("accessToken")?.value;
+
   const response = await fetcher.get<DashboardApiResponseDto>(
     apiPath.dashboard,
     {
       next: { tags: [tags.dashboard] },
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`,
+      },
     }
   );
 

apps/client/middleware.ts

@@ -2,19 +2,25 @@ import { cookies } from "next/headers";
 import type { NextRequest } from "next/server";
 import { NextResponse } from "next/server";
 
-export const config = {
-  matcher: ["/my-page/:path*", "/my-study/:path*", "/study-apply/:path*"],
-};
+export function middleware(request: NextRequest) {
+  const requestHeaders = new Headers(request.headers);
 
-const middleware = (req: NextRequest) => {
   const cookieStore = cookies();
-  const accessToken = cookieStore.get("accessToken");
+  const accessToken = cookieStore.get("accessToken")?.value;
 
-  if (!accessToken) {
-    return NextResponse.redirect(new URL("/auth", req.url));
+  if (accessToken) {
+    requestHeaders.set("Authorization", `Bearer ${accessToken}`);
   }
 
-  return NextResponse.next();
-};
+  requestHeaders.set("Content-Type", "application/json");
 
-export default middleware;
+  return NextResponse.next({
+    request: {
+      headers: requestHeaders,
+    },
+  });
+}
+
+export const config = {
+  matcher: ["/my-page/:path*", "/my-study/:path*", "/study-apply/:path*"],
+};