Refactor/component (#203)

* feat : serverFetch 구현했습니다

* fix: 컴포넌트 비삭제 된 요소 삭제했습니다

* refactor : MyMentoSection 분리했습니다

* refactor : MyMentorSection 으로 수정했습니다

* refactor : Mentor 로 통일 및 폴더구조 개선했습니다

* refactor : 컴포넌트 영역의 하드코딩된 값 모두 테일윈드 값으로 수정했습니다

* refactor: body 단일화·any 제거·HttpError 추가 했습니다

* refactor : decode 함수 분리했습니다

* fix : 일관성 위해 Buffer -> atob로 수정했습니다

* refactor : MentorCard 분리했습니다

* refactor : MentorCard 분리했습니다

* refactor : component -> ui 로 수정했습니다

* refactor : Article Card 분리했습니다:

* refactor : ChannelSelect 숨겨진 input 삭제했습니다

* refactor : MentorApply 삭제 및 clsx 추가했습니다

* feat : 멘토 api 폴더 구조 정립했습니다

* feat : MentorFindSection 무한스크롤 구현했습니다

* feat : useGetMyMentorProfile 구현했습니다

* feat : 특정 멘토 페이지 구현했습니다

* feat : useGetArticle 연결했습니다

* feat : ArticlePanel useDeleteArticle 연결했습니다

* feat : MentoModify 구현했습니다

* fix : 멘토 챗 카드 디자인수정했습니다

* feat : MentorApplyCountModal 구현했습니다 "

* feat : RootModal 및 신규 신청 알림 구현했습니다

* fix : 디자인 및 RootModal 구조 수정했습니다

* feat : RootModal의 클라이언트 , 서버 모달 나눴습니다

* feat : zustnad로 커스텀 confirm 함수 구현했습니다

* fix : IconConfirmModal 수정 두개 메시지 받도록 수정및 customConfirm 으로 수정했습니다

* fix : ClientModal에  useclient 추가했습니다

* refactor : PR 코멘트 내용이었던 set함수와 controller 의 증복을 제거했습니다

* refactor : PR 코멘트 반영했습니다
Link 임포트가 잘못된 부분 제거했습니다

* refactor : 불필요 컴포넌트 삭제 했습니다

* refactor : PR 코멘트 반영했습니다
likeicon 오타 수정했습니다

* fix : serverFetch 글로벌 세마포어를 key로 관리하도록 수정했습니다

* fix : GlobalLayout 구현 및 useLayout 요소 모두 제거했습니다

* refactor : TopLogoBar 로 리팩토링했습니다

* chore : sentry.client 수정했습니다

* fix : useGetArticleList 오타 수정 및 Tab 요소 위치 버그 수정했습니다

* fix : PR 내용 반영했습니다

* fix : build 버그 보완했습니다

* refactor : 이동 요소 추가했습니다

* fix :community 오타 수정했습니다

* fix : conflict 버전 충돌문제 해결했습니다

---------

Co-authored-by: 한만욱 <manwook-han@hanman-ug-ui-MacBookPro.local>

Author: manNomi

sentry.client.config.ts

@@ -1,28 +1,15 @@
-// This file configures the initialization of Sentry on the client.
-// The config you add here will be used whenever a users loads a page in their browser.
-// https://docs.sentry.io/platforms/javascript/guides/nextjs/
 import * as Sentry from "@sentry/nextjs";
 
 Sentry.init({
   dsn: process.env.SENTRY_DSN || "",
   environment: process.env.SENTRY_ENVIRONMENT || "development",
+  tracesSampleRate: 1.0,
 
-  // Adjust this value in production, or use tracesSampler for greater control
-  tracesSampleRate: 1,
-
-  // Setting this option to true will print useful information to the console while you're setting up Sentry.
-  debug: false,
-
-  replaysOnErrorSampleRate: 1.0,
-
-  // This sets the sample rate to be 10%. You may want this to be 100% while
-  // in development and sample at a lower rate in production
-  replaysSessionSampleRate: 0.1,
-
-  // You can remove this option if you're not planning to use the Sentry Session Replay feature:
   integrations: [
+    Sentry.browserTracingIntegration({
+      tracePropagationTargets: ["localhost", /^https:\/\/(www\.)?solid\-connection\.com/],
+    }),
     Sentry.replayIntegration({
-      // Additional Replay configuration goes in here, for example:
       maskAllText: true,
       blockAllMedia: true,
     }),

src/api/article/client/useGetArticleList.ts

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+
+import useFetch from "@/utils/apiUtils";
+
+import { ArticleResponse } from "../type/response";
+
+/* ---------- 타입 ---------- */
+
+interface ArticleListResponse {
+  news: ArticleResponse[]; // 최대 5개
+}
+
+const useGetArticleList = (userId: number | null) => {
+  const { result, loading, error, fetchData } = useFetch<ArticleListResponse>();
+
+  const [articleList, setArticleList] = useState<ArticleResponse[]>([]);
+
+  /* 페이지 변경 시 데이터 요청 */
+  useEffect(() => {
+    if (userId === null) return;
+
+    fetchData({
+      method: "get",
+      url: `/news?site-user-id=${userId}`,
+      body: undefined,
+      isToken: true,
+    });
+  }, [userId, fetchData]);
+
+  /* 응답 처리 */
+  useEffect(() => {
+    if (result) {
+      setArticleList(result.data.news);
+    }
+  }, [result]);
+
+  return { articleList, loading, error };
+};
+
+export default useGetArticleList;

src/api/mentor/client/useGetMyMentorProfile.ts

@@ -12,7 +12,11 @@ interface UseGetMyMentorDataReturn {
 
 const useGetMyMentorProfile = (): UseGetMyMentorDataReturn => {
   const { result, loading, error, fetchData } = useFetch<MentorCardPreview>();
+<<<<<<< HEAD
+  const [myMentorProfile, setMyMentorProfile] = useState<MentorCardPreview>(null);
+=======
   const [myMentorProfile, setMyMentorProfile] = useState<MentorCardPreview>({} as MentorCardPreview);
+>>>>>>> main
 
   useEffect(() => {
     fetchData({

src/api/mentor/type/response.ts

@@ -30,7 +30,7 @@ export interface MentorCardBase {
 }
 
 /** 리스트(미리보기) 용 – passTip / isApplied 없이 사용 */
-export type MentorCardPreview = MentorCardBase & { studyStatus: "24-1" | "24-2" }; // 학업 상태 (예: "24-1")
+export type MentorCardPreview = (MentorCardBase & { studyStatus: "24-1" | "24-2" }) | null; // 학업 상태 (예: "24-1")
 
 /** 상세 뷰 용 – 추가 정보 포함 */
 export interface MentorCardDetail extends MentorCardBase {

src/app/application/ScorePageContent.tsx

@@ -3,9 +3,9 @@
 import { useRouter } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 
-import CloudSpinnerPage from "@/components/loading/CloudSpinnerPage";
 import ConfirmCancelModal from "@/components/modal/ConfirmCancelModal";
 import ButtonTab from "@/components/ui/ButtonTab";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 import Tab from "@/components/ui/Tab";
 
 import ScoreSearchBar from "./ScoreSearchBar";

src/app/community/[boardCode]/CommunityPageContent.tsx

@@ -3,8 +3,8 @@
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 
-import CloudSpinnerPage from "@/components/loading/CloudSpinnerPage";
 import ButtonTab from "@/components/ui/ButtonTab";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 
 import CommunityRegionSelector from "./CommunityRegionSelector";
 import PostCards from "./PostCards";

src/app/community/[boardCode]/[postId]/PostPageContent.tsx

@@ -4,7 +4,7 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
-import CloudSpinnerPage from "@/components/loading/CloudSpinnerPage";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 
 import CommentSection from "./CommentSection";
 import Content from "./Content";

src/app/community/[boardCode]/[postId]/modify/PostModifyContent.tsx

@@ -3,7 +3,7 @@
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 
-import CloudSpinnerPage from "@/components/loading/CloudSpinnerPage";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 
 import PostModifyForm from "./PostModifyForm";
 

src/app/layout.tsx

@@ -2,15 +2,13 @@ import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 
-import AppleScriptLoader from "@/components/layout/AppleScriptLoader";
-import KakaoScriptLoader from "@/components/layout/KakaoScriptLoader";
-import Layout from "@/components/layout/Layout";
-import RootModal from "@/components/layout/RootModal";
+import GlobalLayout from "@/components/layout/GlobalLayout";
 
 import "../styles/globals.css";
 
 import { AlertProvider } from "@/context/AlertContext";
-import { LayoutProvider } from "@/context/LayoutContext";
+import AppleScriptLoader from "@/lib/ScriptLoader/AppleScriptLoader";
+import KakaoScriptLoader from "@/lib/ScriptLoader/KakaoScriptLoader";
 import { GoogleAnalytics } from "@next/third-parties/google";
 
 export const metadata: Metadata = {
@@ -46,17 +44,14 @@ export const viewport: Viewport = {
 
 const RootLayout = ({ children }: { children: React.ReactNode }) => (
   <AlertProvider>
-    <LayoutProvider>
-      <html lang="ko" className="font-serif">
-        <KakaoScriptLoader />
-        <AppleScriptLoader />
-        <GoogleAnalytics gaId="G-V1KLYZC1DS" />
-        <body className={`${pretendard.className} ${inter.className}`}>
-          <Layout>{children}</Layout>
-          <RootModal />
-        </body>
-      </html>
-    </LayoutProvider>
+    <html lang="ko" className="font-serif">
+      <KakaoScriptLoader />
+      <AppleScriptLoader />
+      <GoogleAnalytics gaId="G-V1KLYZC1DS" />
+      <body className={`${pretendard.className} ${inter.className}`}>
+        <GlobalLayout>{children}</GlobalLayout>
+      </body>
+    </html>
   </AlertProvider>
 );
 

src/app/login/LoginContent.tsx

@@ -15,21 +15,14 @@ import KakaoLoginButton from "./KakaoLoginButton";
 import { appleOAuth2CodeResponse } from "@/types/auth";
 
 import { emailAuthApi } from "@/api/auth";
-import { useLayout } from "@/context/LayoutContext";
 import { IconSolidConnectionFullBlackLogo } from "@/public/svgs";
 
 const LoginContent = () => {
   const router = useRouter();
-  const { setHideBottomNavigation } = useLayout();
 
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
-  useEffect(() => {
-    setHideBottomNavigation(true);
-    return () => setHideBottomNavigation(false);
-  }, [setHideBottomNavigation]);
-
   const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.key === "Enter") {
       handleEmailLogin();