Feat(mypage) : 마이페이지

- 피그마대로 UI완성
- 닉네임, 프로필 이미지, 자격증 변경가능
- Footer 모바일에도 나오게 변경

next.config.mjs

@@ -11,6 +11,18 @@ const nextConfig = {
         port: "",
         pathname: "/**",
       },
+      {
+        protocol: "https",
+        hostname: "github.com",
+        port: "",
+        pathname: "/**",
+      },
+      {
+        protocol: "https",
+        hostname: "dkvmrny1lb9jp.cloudfront.net",
+        port: "",
+        pathname: "/**",
+      },
     ],
   },
   // svgr 설정

src/api/apis/mainFetch.ts

@@ -18,12 +18,15 @@ interface Options<T> {
 export const mainfetch = async <T>(
   path: string,
   options: Options<T>,
-  needLogin: boolean
+  needLogin: boolean,
+  contentType?: string
 ): Promise<Response> => {
   const url = process.env.NEXT_PUBLIC_SERVER_URL + path;
-  const headers: HeadersInit = {
-    "Content-Type": "application/json",
-  };
+  const headers: HeadersInit = contentType
+    ? {}
+    : {
+        "Content-Type": "application/json",
+      };
 
   if (needLogin) {
     const accessToken = localStorage.getItem("accessToken");
@@ -38,9 +41,10 @@ export const mainfetch = async <T>(
   const fetchOptions: RequestInit = {
     method: options.method,
     headers,
-    body: options.body ? JSON.stringify(options.body) : null,
+    body: options.body
+      ? ((contentType ? options.body : JSON.stringify(options.body)) as BodyInit)
+      : null,
   };
-
   let response = await fetch(url, fetchOptions);
   if (response.status === 401 && needLogin) {
     const newAccessToken = await refreshTokenInterceptor();

src/api/types/userinfo.ts

@@ -0,0 +1,6 @@
+interface UserInfo {
+  memberId: string;
+  nickname: string;
+  email: string;
+  profileImage: string;
+}

src/app/learning/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 import { MiddleBoxColumn } from "@/src/components/elements/styledElements";
 import ScrollAppbar from "@/src/components/scrollAppbar";
-import { useMediaQuery, useTheme } from "@mui/material";
 import { useEffect, useState } from "react";
 import LearningFooter from "../../components/Footer";
 import MakeProblemSetUI from "./components/MakeProblemSet";
@@ -22,8 +21,6 @@ const makeProblemSetBase = () => {
   const handleIsCertificate = () => {
     setisCertificate(true);
   };
-  const theme = useTheme();
-  const isMd = useMediaQuery(theme.breakpoints.down(960));
 
   const handleScroll = () => {
     setisScroll(window.scrollY);
@@ -48,7 +45,7 @@ const makeProblemSetBase = () => {
       ) : (
         <SelectCertificate handleIsCertificate={handleIsCertificate} />
       )}
-      {!isMd && <LearningFooter />}
+      <LearningFooter />
     </MiddleBoxColumn>
   );
 };