Merge pull request #45 from junotb/feature/2026-02-12

refactor: 로딩 공통화, lib 정리, UI 컴포넌트 개선

Author: junotb

web/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

web/eslint.config.mjs

@@ -11,6 +11,17 @@ const compat = new FlatCompat({
 
 const eslintConfig = [
   ...compat.extends("next/core-web-vitals", "next/typescript"),
+  {
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          "argsIgnorePattern": "^_",
+          "varsIgnorePattern": "^_"
+        }
+      ]
+    }
+  },
   {
     ignores: [
       "node_modules/**",

web/src/app/admin/loading.tsx

@@ -1,11 +1,5 @@
-"use client";
-
-import Loader from "@/components/common/Loader";
+import LoadingFallback from "@/components/common/LoadingFallback";
 
 export default function AdminLoading() {
-  return (
-    <div className="container mx-auto py-12 px-4 max-w-7xl min-h-[50vh] flex items-center justify-center">
-      <Loader />
-    </div>
-  );
+  return <LoadingFallback variant="admin" />;
 }

web/src/app/classroom/[id]/loading.tsx

@@ -1,11 +1,5 @@
-"use client";
-
-import Loader from "@/components/common/Loader";
+import LoadingFallback from "@/components/common/LoadingFallback";
 
 export default function ClassroomLoading() {
-  return (
-    <div className="flex-1 flex items-center justify-center bg-zinc-950 min-h-[60vh]">
-      <Loader />
-    </div>
-  );
+  return <LoadingFallback variant="classroom" />;
 }

web/src/app/feedback/[scheduleId]/loading.tsx

@@ -1,11 +1,5 @@
-"use client";
-
-import Loader from "@/components/common/Loader";
+import LoadingFallback from "@/components/common/LoadingFallback";
 
 export default function FeedbackLoading() {
-  return (
-    <div className="container max-w-4xl py-12 min-h-[50vh] flex items-center justify-center">
-      <Loader />
-    </div>
-  );
+  return <LoadingFallback variant="feedback" />;
 }

web/src/app/study/loading.tsx

@@ -1,11 +1,5 @@
-"use client";
-
-import Loader from "@/components/common/Loader";
+import LoadingFallback from "@/components/common/LoadingFallback";
 
 export default function StudyLoading() {
-  return (
-    <div className="container mx-auto py-12 px-4 max-w-4xl min-h-[50vh] flex items-center justify-center">
-      <Loader />
-    </div>
-  );
+  return <LoadingFallback variant="default" />;
 }

web/src/app/teach/loading.tsx

@@ -1,11 +1,5 @@
-"use client";
-
-import Loader from "@/components/common/Loader";
+import LoadingFallback from "@/components/common/LoadingFallback";
 
 export default function TeachLoading() {
-  return (
-    <div className="container mx-auto py-12 px-4 max-w-4xl min-h-[50vh] flex items-center justify-center">
-      <Loader />
-    </div>
-  );
+  return <LoadingFallback variant="default" />;
 }

web/src/components/admin/StatCard.tsx

@@ -5,7 +5,7 @@ import {
   ScheduleStatusSchema,
 } from "@/schemas/schedule/schedule-status";
 import { UserRole, UserRoleSchema } from "@/schemas/user/user-role";
-import { Users, UserCheck, GraduationCap, Calendar, Clock, CheckCircle2, XCircle, AlertCircle } from "lucide-react";
+import { Users, UserCheck, GraduationCap, Calendar, CheckCircle2, XCircle, AlertCircle } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 
 interface StatCardProps {
@@ -32,10 +32,10 @@ function getIcon(title: UserRole | ScheduleStatus): LucideIcon {
     switch (status) {
       case "SCHEDULED":
         return Calendar;
-      case "ONGOING":
-        return Clock;
-      case "COMPLETED":
+      case "ATTENDED":
         return CheckCircle2;
+      case "ABSENT":
+        return AlertCircle;
       case "CANCELLED":
         return XCircle;
       default:

web/src/components/admin/course/CourseForm.tsx

@@ -13,7 +13,7 @@ import {
   CourseCreateRequestSchema,
   CourseUpdateRequestSchema,
 } from "@/schemas/course/course";
-import { CourseStatus, CourseStatusSchema } from "@/schemas/course/course-status";
+import { CourseStatus } from "@/schemas/course/course-status";
 import { COURSE_STATUS_LABELS } from "@/constants/course";
 import InputField from "@/components/common/InputField";
 import TextareaField from "@/components/common/TextareaField";
@@ -62,9 +62,9 @@ export default function CourseForm({
       onSubmit={handleSubmit((values) => {
         if (isCreate) {
           const payload: CourseCreateRequest = {
-            title: values.title,
+            title: values.title ?? "",
             description: values.description || null,
-            status: values.status,
+            status: values.status ?? CourseStatus.ACTIVE,
           };
           onSubmit(payload);
         } else {

web/src/components/admin/course/CourseListForm.tsx

@@ -5,7 +5,7 @@ import type {
   CourseListFormValues,
 } from "@/schemas/course/course";
 import { CourseListRequestSchema } from "@/schemas/course/course";
-import { CourseStatus, CourseStatusSchema } from "@/schemas/course/course-status";
+import { CourseStatus } from "@/schemas/course/course-status";
 import { COURSE_STATUS_LABELS } from "@/constants/course";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -34,8 +34,10 @@ export default function CourseListForm({ onSubmit }: CourseListFormProps) {
     });
 
   const handleFormSubmit = (data: CourseListFormValues) => {
-    // 스키마에서 빈 문자열을 undefined로 변환하므로 그대로 전달
-    onSubmit(data);
+    onSubmit({
+      title: data.title,
+      status: data.status === "" ? undefined : data.status,
+    });
   };
 
   return (