2025-snowCode · JiiminHa · Feb 26, 2026 · Aug 18, 2025 · Aug 18, 2025 · Aug 18, 2025
diff --git a/.github/workflows/ci-cd.yml b/.github/workflows/ci-cd.yml
@@ -56,3 +56,13 @@ jobs:
           VITE_KAKAO_REST_API_KEY: ${{ secrets.VITE_KAKAO_REST_API_KEY }}
           VITE_KAKAO_REDIRECT_URI: ${{ secrets.VITE_KAKAO_REDIRECT_URI }}
           VITE_API_BASE_URL: ${{ secrets.VITE_API_BASE_URL }}
+
+      - name: Pull Vercel Environment
+        run: npx vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Simulate Vercel Build
+        run: npx vercel build --token=${{ secrets.VERCEL_TOKEN }}
+        env:
+          VITE_KAKAO_REST_API_KEY: ${{ secrets.VITE_KAKAO_REST_API_KEY }}
+          VITE_KAKAO_REDIRECT_URI: ${{ secrets.VITE_KAKAO_REDIRECT_URI }}
+          VITE_API_BASE_URL: ${{ secrets.VITE_API_BASE_URL }}
diff --git a/.github/workflows/release-drafter.yml b/.github/workflows/release-drafter.yml
@@ -5,9 +5,6 @@ on:
     branches:
       - release/*
       - main
-  # PR 이벤트 추가로 자동화 범위 확대
-  pull_request:
-    types: [opened, reopened, synchronize]
 
 permissions:
   contents: write
@@ -19,7 +16,7 @@ jobs:
     steps:
       # Checkout 단계 제거 (불필요한 작업 생략)
       - name: Update Draft Release
-        if: startsWith(github.ref, 'refs/heads/release/') || github.event_name == 'pull_request'
+        if: startsWith(github.ref, 'refs/heads/release/')
         uses: release-drafter/release-drafter@v6
         with:
           config-name: template/release-drafter.yml

diff --git a/index.html b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href="/src/style.css" rel="stylesheet" />
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -12,6 +12,10 @@
     "preinstall": "npx only-allow pnpm"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^5.2.2",
     "@tailwindcss/vite": "^4.1.11",
     "@tanstack/react-query": "^5.90.20",
     "axios": "^1.13.4",
@@ -22,6 +26,7 @@
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.1.11",
+    "zod": "^3.22.0",
     "zustand": "^5.0.10"
   },
   "devDependencies": {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,5 +1,5 @@
-import {BrowserRouter, Routes, Route, useLocation} from 'react-router-dom';
-import Layout from '@/layout/Layout';
+import {BrowserRouter, Routes, Route} from 'react-router-dom';
+import Layout from '@/shared/ui/Layout';
 import LandingPage from '@/pages/common/LandingPage';
 import UserIdInputPage from '@/pages/common/UserIdInputPage';
 import Dashboard from '@/pages/dashboard/Dashboard';
@@ -11,21 +11,11 @@ import StudentManagementPage from '@/pages/admin/student/StudentManagementPage';
 import StudentProfilePage from '@/pages/admin/student/StudentProfilePage';
 import KakaoCallbackPage from '@/pages/common/KakaoCallbackPage';
 import PrivateRoute from '@/widgets/private-route/ui/PrivateRoute';
-import {useEffect} from 'react';
-import {useUserStore} from '@/entities/auth/model/useUserStore';
+import {useSyncUserRole} from '@/features/auth/sync-user-role/model/useSyncUserRole';
+import UnitEditorPage from '@/pages/unit-editor/UnitEditorPage';
 
 const AppRoutes = () => {
-  const {pathname} = useLocation();
-  const {setUserType} = useUserStore();
-
-  useEffect(() => {
-    const userType = pathname.startsWith('/admin')
-      ? 'admin'
-      : pathname.startsWith('/student')
-        ? 'student'
-        : 'guest';
-    setUserType(userType);
-  }, [pathname, setUserType]);
+  useSyncUserRole();
 
   return (
     <Routes>
@@ -52,14 +42,18 @@ const AppRoutes = () => {
               path='assignments/create'
               element={<AssignmentCreatePage />}
             />
-            <Route path='assignments/:id' element={<AssignmentSelectPage />} />
+            <Route
+              path='assignments/select'
+              element={<AssignmentSelectPage />}
+            />
             <Route path='courses/:id' element={<CourseOverviewPage />} />
             <Route path='courses/create' element={<CourseCreatePage />} />
             <Route path='student' element={<StudentManagementPage />} />
             <Route
               path='student/profile/:studentId'
               element={<StudentProfilePage />}
             />
+            <Route path='units/:id' element={<UnitEditorPage />} />
           </Route>
         </Route>
       </Route>

diff --git a/src/assets/svg/addIcon.svg b/src/assets/svg/addIcon.svg
diff --git a/src/assets/svg/binIcon.svg b/src/assets/svg/binIcon.svg
diff --git a/src/components/admin/assignments/AssignmentCard.tsx b/src/components/admin/assignments/AssignmentCard.tsx
diff --git a/src/components/common/ActionButton.tsx b/src/components/common/ActionButton.tsx
diff --git a/src/components/common/IconButton.tsx b/src/components/common/IconButton.tsx
diff --git a/src/components/common/SelectableItem.tsx b/src/components/common/SelectableItem.tsx
diff --git a/src/entities/assignment/model/types.ts b/src/entities/assignment/model/types.ts
@@ -6,5 +6,5 @@ import type {SubmissionStatus} from '@/shared/model/common';
 export interface Assignment {
   id: number;
   title: string;
-  submittedStatus: SubmissionStatus;
+  submittedStatus?: SubmissionStatus;
 }
diff --git a/src/entities/course/model/types.ts b/src/entities/course/model/types.ts
@@ -1,9 +1,5 @@
 import type {Assignment} from '@/entities/assignment/model/types';
-export type {Assignment};
 import type {ApiResponse, SemesterCode} from '@/shared/model/common';
-export type {SemesterCode, SubmissionStatus} from '@/shared/model/common';
-
-
 
 /**
  * 일정(Schedule) 인터페이스 정의
@@ -95,3 +91,12 @@ export type CourseOptionsResponse = ApiResponse<{
   count: number;
   courses: DashboardCourse[];
 }>;
+
+// 단원 조회-생성 페이지 응답 타입 정의 - 단일 단원
+export type SingleUnitResponse = ApiResponse<Unit>;
+
+// 단원 조회-생성 페이지 응답 타입 정의 - 전체 단원 목록
+export type AllUnitsResponse = ApiResponse<{
+  count: number;
+  units: Pick<Unit, 'id' | 'title' | 'assignmentCount'>[];
+}>;
diff --git a/src/entities/student/ui/AssignmentProgressCard.tsx b/src/entities/student/ui/AssignmentProgressCard.tsx
@@ -1,5 +1,5 @@
 import type {Student, ProgressStatus} from '../model/types';
-import {ProgressIndicators} from '@/components/common/ProgressIndicators';
+import {ProgressIndicators} from '@/shared/ui/ProgressIndicators';
 import Correct from '@/assets/svg/correct.svg?react';
 import Incorrect from '@/assets/svg/incorrect.svg?react';
 import Unsubmitted from '@/assets/svg/unsubmitted.svg?react';

diff --git a/src/entities/student/ui/StudentProfile.tsx b/src/entities/student/ui/StudentProfile.tsx
@@ -1,7 +1,7 @@
 import ProfileImage from '@/assets/svg/profileImage.svg?react';
 import ChatIcon from '@/assets/svg/chatIcon.svg?react';
 import MailIcon from '@/assets/svg/mailIcon.svg?react';
-import Button from '@/components/common/Button';
+import Button from '@/shared/ui/button/Button';
 
 interface StudentProfileProps {
   name: string;

diff --git a/src/entities/student/ui/StudentTable.tsx b/src/entities/student/ui/StudentTable.tsx
@@ -1,5 +1,5 @@
-import {Checkbox} from '@/components/common/Checkbox';
-import {ProgressIndicators} from '@/components/common/ProgressIndicators';
+import {Checkbox} from '@/shared/ui/checkbox/Checkbox';
+import {ProgressIndicators} from '@/shared/ui/ProgressIndicators';
 import {useState, useEffect} from 'react';
 import {Link} from 'react-router-dom';
 import type {Student} from '@/entities/student/model/types';

diff --git a/src/entities/unit/api/unitApi.ts b/src/entities/unit/api/unitApi.ts
@@ -0,0 +1,46 @@
+import {privateAxios} from '@/shared/api/axiosInstance';
+import type {TUnitFormSchema} from '../model/types';
+import type {ApiResponse} from '@/shared/model';
+import type {AllUnitsResponse, Unit} from '@/entities/course/model/types';
+
+// 강의별 전체 단원 조회
+export const getAllUnitsByCourseId = async (
+  courseId: number
+): Promise<AllUnitsResponse> => {
+  const response = await privateAxios.get(`/courses/${courseId}/units`);
+  return response.data;
+};
+
+// 단일 단원 조회
+export const getUnitById = async (
+  unitId: number | null
+): Promise<ApiResponse<Unit>> => {
+  const response = await privateAxios.get(`/units/${unitId}`);
+  return response.data;
-export const getUnitById = async (
-  unitId: number | null
-): Promise<ApiResponse<Unit>> => {
-  const response = await privateAxios.get(`/units/${unitId}`);
-  return response.data;
+export const getUnitById = async (
+  unitId: number
+): Promise<ApiResponse<Unit>> => {
+  const response = await privateAxios.get(`/units/${unitId}`);
+  return response.data;
+};
-export const getUnitById = async (
-  unitId: number | null
-): Promise<ApiResponse<Unit>> => {
-  const response = await privateAxios.get(`/units/${unitId}`);
-  return response.data;
+export const getUnitById = async (
+  unitId: number
+): Promise<ApiResponse<Unit>> => {
+  const response = await privateAxios.get(`/units/${unitId}`);
+  return response.data;
+};
+};
+
+// 단원 삭제
+export const deleteUnit = async (
+  unitId: number
+): Promise<ApiResponse<string>> => {
+  const response = await privateAxios.delete(`/units/${unitId}`);
+  return response.data;
+};
+
+// 단원 생성
+export const createUnit = async (
+  courseId: number,
+  unit: TUnitFormSchema
+): Promise<ApiResponse<Unit>> => {
+  const response = await privateAxios.post(`/units/${courseId}`, unit);
+  return response.data;
+};
+
+// 단원 수정
+export const updateUnit = async (
+  unitId: number,
+  unit: TUnitFormSchema
+): Promise<ApiResponse<Unit>> => {
+  const response = await privateAxios.put(`/units/${unitId}`, unit);
+  return response.data;
+};
diff --git a/src/entities/unit/api/unitMutations.ts b/src/entities/unit/api/unitMutations.ts
@@ -0,0 +1,24 @@
+import type {TUnitFormSchema} from '../model/types';
+import {createUnit, deleteUnit, updateUnit} from './unitApi';
+
+export const unitMutations = {
+  // 단원 추가 뮤테이션 옵션
+  createUnit: {
+    mutationKey: ['createUnit'],
+    mutationFn: ({courseId, unit}: {courseId: number; unit: TUnitFormSchema}) =>
+      createUnit(courseId, unit),
+  },
+
+  // 단원 수정 뮤테이션 옵션
+  updateUnit: {
+    mutationKey: ['updateUnit'],
+    mutationFn: ({unitId, unit}: {unitId: number; unit: TUnitFormSchema}) =>
+      updateUnit(unitId, unit),
+  },
+
+  // 단원 삭제 뮤테이션 옵션
+  deleteUnit: {
+    mutationKey: ['deleteUnit'],
+    mutationFn: (unitId: number) => deleteUnit(unitId),
+  },
+};