PROJECT-GSMC · bae080311 · Jul 13, 2025 · Jul 1, 2025 · Jul 1, 2025 · Jul 1, 2025
diff --git a/README.md b/README.md
@@ -1,58 +1,17 @@
-# Turborepo Tailwind CSS starter
-
-This Turborepo starter is maintained by the Turborepo core team.
-
-## Using this example
-
-Run the following command:
-
-```sh
-npx create-turbo@latest -e with-tailwind
-```
-
-## What's inside?
-
-This Turborepo includes the following packages/apps:
-
-### Apps and Packages
-
-- `docs`: a [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)
-- `web`: another [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)
-- `ui`: a stub React component library with [Tailwind CSS](https://tailwindcss.com/) shared by both `web` and `docs` applications
-- `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
-- `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo
-
-Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
-
-### Building packages/ui
-
-This example is set up to produce compiled styles for `ui` components into the `dist` directory. The component `.tsx` files are consumed by the Next.js apps directly using `transpilePackages` in `next.config.ts`. This was chosen for several reasons:
-
-- Make sharing one `tailwind.config.ts` to apps and packages as easy as possible.
-- Make package compilation simple by only depending on the Next.js Compiler and `tailwindcss`.
-- Ensure Tailwind classes do not overwrite each other. The `ui` package uses a `ui-` prefix for it's classes.
-- Maintain clear package export boundaries.
-
-Another option is to consume `packages/ui` directly from source without building. If using this option, you will need to update the `tailwind.config.ts` in your apps to be aware of your package locations, so it can find all usages of the `tailwindcss` class names for CSS compilation.
-
-For example, in [tailwind.config.ts](packages/tailwind-config/tailwind.config.ts):
-
-```js
-  content: [
-    // app content
-    `src/**/*.{js,ts,jsx,tsx}`,
-    // include packages if not transpiling
-    "../../packages/ui/*.{js,ts,jsx,tsx}",
-  ],
-```
-
-If you choose this strategy, you can remove the `tailwindcss` and `autoprefixer` dependencies from the `ui` package.
-
-### Utilities
-
-This Turborepo has some additional tools already setup for you:
-
-- [Tailwind CSS](https://tailwindcss.com/) for styles
-- [TypeScript](https://www.typescriptlang.org/) for static type checking
-- [ESLint](https://eslint.org/) for code linting
-- [Prettier](https://prettier.io) for code formatting
+# GSMC-front
+GSM 인증제 관리 서비스 GSMC 입니다!
+
+## Tech Stack
+- **Next.js - V15**
+- **React - V19**
+- **TypeScript**
+- **Tailwind CSS - V3**
+- **Axios**
+- **Tanstack-query**
+- **React-Hook-Form**
+- **ESLint**
+- **Prettier**
+
+### Architecture
+- **Turborepo(Monorepo)**
+- **FSD Architecture(Feature Sliced Design)**
diff --git a/apps/admin/src/app/change-password/page.tsx b/apps/admin/src/app/change-password/page.tsx
diff --git a/apps/admin/src/app/layout.tsx b/apps/admin/src/app/layout.tsx
@@ -1,12 +1,13 @@
+import Header from "@/widgets/header/ui";
 import { PostProvider } from "@repo/store/postProvider";
 import type { Metadata } from "next";
 import { Toaster } from "sonner";
 
 import "./globals.css";
-import { MemberProvider } from "@/entities/member/model/memberContext";
-
 import Providers from "./providers";
 
+import { MemberProvider } from "@/entities/member/model/memberContext";
+
 export const metadata: Metadata = {
   title: "GSMC",
   description:
@@ -23,7 +24,10 @@ export default function RootLayout({
       <body>
         <MemberProvider>
           <PostProvider>
-            <Providers>{children}</Providers>
+            <Providers>
+              <Header />
+              {children}
+            </Providers>
           </PostProvider>
         </MemberProvider>
         <Toaster richColors />

diff --git a/apps/admin/src/entities/check-post/api/changeEvidenceState.ts b/apps/admin/src/entities/check-post/api/changeEvidenceState.ts
@@ -1,5 +1,5 @@
 import instance from "@repo/api/axios";
-import type { postState } from "@repo/types/evidences";
+import type { PostStatus } from "@repo/types/evidences";
 
 interface ChangeEvidenceStateResponse {
   status: number;
@@ -8,11 +8,11 @@ interface ChangeEvidenceStateResponse {
 
 export const changeEvidenceState = async (
   evidenceId: number,
-  status: postState,
+  status: PostStatus
 ): Promise<ChangeEvidenceStateResponse> => {
   const response = await instance.patch<ChangeEvidenceStateResponse>(
     `/evidence/${evidenceId}/status`,
-    { status },
+    { status }
   );
   return response;
 };
diff --git a/apps/admin/src/entities/check-post/api/getStudent.ts b/apps/admin/src/entities/check-post/api/getStudent.ts
diff --git a/apps/admin/src/entities/check-post/ui/post.tsx b/apps/admin/src/entities/check-post/ui/post.tsx
@@ -1,47 +1,61 @@
-"use client";
-
-import type { post } from "@repo/types/evidences";
+import type { PostType } from "@repo/types/evidences";
 import { getCategoryName } from "@repo/utils/handleCategory";
 import { isActivity, isOthers, isReading } from "@repo/utils/handlePost";
 import { handleState, handleStateColor } from "@repo/utils/handleState";
 import Image from "next/image";
 
 interface PostProps {
-  data: post;
+  data: PostType;
   onClick?: () => void;
 }
 
 const Post = ({ data, onClick }: PostProps) => {
+
+  const title = (() => {
+    if ("title" in data) return data.title;
+    if ("evidenceType" in data) return data.evidenceType
+    return null;
+  })();
+
+  const imageUri = isActivity(data) ? data.imageUri : null;
+
+  const state = "status" in data ? data.status : null;
+
+  const subTitle = (() => {
+    if (isReading(data)) return `${data.author}`;
+    if (isOthers(data)) return getCategoryName(data.categoryName);
+    if (isActivity(data)) return getCategoryName(data.categoryName);
+    return null;
+  })();
+
   return (
     <article
-      className="flex flex-col w-[188px] cursor-pointer rounded-[0.625rem] h-[276px]"
+      className="flex flex-col w-[188px] cursor-pointer rounded-[0.625rem]"
       onClick={onClick}
     >
-      <div className="bg-gray-400 w-full h-[150px] rounded-t-[0.625rem] overflow-hidden">
-        {isActivity(data) && data.imageUri != null ? (
+      <div className="flex items-center justify-center bg-gray-400 w-full h-[150px] rounded-t-[0.625rem] overflow-hidden">
+        {imageUri == null ? null : (
           <Image
-            alt={data.title}
-            className="object-cover w-[188px] h-[150px] rounded-t-[0.625rem]"
+            alt="gsmc"
+            className="object-cover rounded-t-[0.625rem]"
             height={150}
-            src={data.imageUri}
+            src={imageUri}
             width={188}
           />
-        ) : null}
+        )}
       </div>
+
       <section className="px-[0.38rem] py-[0.75rem]">
-        <h3 className="text-body2 mb-[1rem] line-clamp-2">
-          {isActivity(data) || isReading(data) ? data.title : null}
+        <h3 className="text-body2 mb-[1rem] min-h-6 leading-6 line-clamp-2">
+          {title}
         </h3>
-        <p className="text-gray-400 text-body5 mb-[0.75rem] line-clamp-2">
-          {isActivity(data) || isOthers(data)
-            ? getCategoryName(data.categoryName)
-            : ("author" in data
-              ? data.author
-              : "")}
+        <p className="text-gray-400 text-body5 mb-[0.75rem] min-h-12 leading-6 line-clamp-2">
+          {subTitle}
         </p>
-        <span className={`text-body5 ${handleStateColor(data.status)}`}>
-          {handleState(data.status)}
-        </span>
+        {state ?
+          <span className={`text-body5 ${handleStateColor(state)} `}>
+            {handleState(state)}
+          </span> : null}
       </section>
     </article>
   );

diff --git a/apps/admin/src/entities/member/api/getScore.ts b/apps/admin/src/entities/member/api/getScore.ts
@@ -0,0 +1,16 @@
+import instance from "@repo/api";
+import { isAxiosError } from "axios";
+
+import type { ScoreResponse } from "../model/score";
+
+export const getScore = async (id: string): Promise<ScoreResponse> => {
+  try {
+    const res = await instance.get<ScoreResponse>(`/score/${id}`);
+    return res.data;
+  } catch (error: unknown) {
+    if (isAxiosError(error) && error.response) {
+      throw error.response.data ?? "점수 정보를 불러오는데 실패했습니다";
+    }
+    throw error;
+  }
+};
diff --git a/apps/admin/src/entities/member/model/score.ts b/apps/admin/src/entities/member/model/score.ts
@@ -0,0 +1,10 @@
+export interface ScoreResponse {
+  totalScore: number;
+  scores: Score[];
+}
+
+export interface Score {
+  categoryName: string;
+  value: number;
+  convertedValue: number;
+}
diff --git a/apps/admin/src/entities/member/model/useGetScore.ts b/apps/admin/src/entities/member/model/useGetScore.ts
@@ -0,0 +1,13 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { getScore } from "../api/getScore";
+
+import type { ScoreResponse } from "./score";
+
+export const useGetScore = (id: string) => {
+  return useQuery<ScoreResponse>({
+    queryKey: ["score", id],
+    queryFn: () => getScore(id),
+    enabled: !!id,
+  });
+};
diff --git a/apps/admin/src/entities/member/ui/scoreModal.tsx b/apps/admin/src/entities/member/ui/scoreModal.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import { Button } from "@repo/shared/button";
+import Card from "@repo/shared/card";
+import List from "@repo/shared/list";
+import { getCategoryName } from "@repo/utils/handleCategory";
+
+import { useGetScore } from "../model/useGetScore";
+
+interface ScoreModalProps {
+  close: () => void;
+  show: boolean;
+  id: string;
+}
+
+export default function ScoreModal({ show, close, id }: ScoreModalProps) {
+  const { data } = useGetScore(id);
+  if (!show) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 bg-[rgba(17,17,17,0.2)] flex items-center justify-center">
+      <article className="w-[26.25rem] h-[46.875rem] flex flex-col gap-6 bg-white rounded-[1.25rem] px-[2.45rem] py-[2.25rem]">
+        <h3 className="text-tropicalblue-700 text-titleSmall">
+          부분점수
+        </h3>
+        <List className="w-full flex-1 p-0">
+          {data?.scores.map((v) => (
+            <Card
+              back={v.convertedValue}
+              front={getCategoryName(v.categoryName).replace(/^[^-]*-/, "")}
+              id={v.categoryName}
+              key={v.categoryName}
+            />
+          ))}
+        </List>
+        <Button label="뒤로가기" variant="skyblue" onClick={close} />
+      </article>
+    </div>
+  );
+}
diff --git a/apps/admin/src/entities/signin/api/postSignin.ts b/apps/admin/src/entities/signin/api/postSignin.ts
@@ -1,33 +1,21 @@
 import instance from "@repo/api/axios";
 import { isAxiosError, type AxiosResponse } from "axios";
 
-import type { SigninFormProps } from "@/shared/model/AuthForm";
-
-interface SigninResponse {
-  accessToken: string;
-  refreshToken: string;
-}
+import type {
+  SigninFormProps,
+  SigninFormResponse,
+} from "@/shared/model/signin";
 
 export const postSignin = async (
-  form: SigninFormProps,
-): Promise<SigninResponse> => {
+  form: SigninFormProps
+): Promise<AxiosResponse<SigninFormResponse>> => {
   try {
-    const response: AxiosResponse<SigninResponse> = await instance.post(
-      `/auth/signin`,
-      form,
-    );
-    return response.data;
-  } catch (error: unknown) {
+    const response = await instance.post(`/auth/signin`, form);
+    return response;
+  } catch (error) {
     if (isAxiosError(error) && error.response) {
-      const message =
-        typeof error.response.data === "object" &&
-        error.response.data !== null &&
-        "message" in error.response.data
-          ? (error.response.data as { message?: string }).message
-          : undefined;
-
-      throw new Error(message ?? "로그인 실패");
+      throw error.response.data ?? "로그인 실패";
     }
-    throw new Error("알 수 없는 로그인 에러 발생");
+    throw error;
   }
 };
diff --git a/apps/admin/src/entities/signup/api/postSignup.ts b/apps/admin/src/entities/signup/api/postSignup.ts
@@ -1,20 +1,15 @@
 import instance from "@repo/api/axios";
-import { isAxiosError } from "axios";
+import { isAxiosError, type AxiosResponse } from "axios";
 
-import type { SignupFormProps } from "@/shared/model/AuthForm";
-
-interface SignupResponse {
-  success: boolean;
-  message: string;
-}
+import type { SignupFormProps } from "@/shared/model/signup";
 
 export const postSignup = async (
-  form: SignupFormProps,
-): Promise<SignupResponse> => {
+  form: SignupFormProps
+): Promise<AxiosResponse> => {
   try {
-    const response = await instance.post<SignupResponse>(`/auth/signup`, form);
-    return response.data;
-  } catch (error: unknown) {
+    const response = await instance.post(`/auth/signup`, form);
+    return response;
+  } catch (error) {
     if (isAxiosError(error) && error.response) {
       throw error.response.data ?? "회원가입 실패";
     }