diff --git a/src/App.tsx b/src/App.tsx
index f9fe6d3..05debee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -13,6 +13,7 @@ import KakaoCallbackPage from '@/pages/common/KakaoCallbackPage';
 import PrivateRoute from '@/widgets/private-route/ui/PrivateRoute';
 import {useSyncUserRole} from '@/features/auth/sync-user-role/model/useSyncUserRole';
 import UnitEditorPage from '@/pages/unit-editor/UnitEditorPage';
+import AssignmentManagePage from '@/pages/manage-assignment/AssignmentManagePage';
 
 const AppRoutes = () => {
   useSyncUserRole();
@@ -37,7 +38,10 @@ const AppRoutes = () => {
         <Route element={<PrivateRoute allowedRoles={['admin']} />}>
           <Route path='admin'>
             <Route index element={<Dashboard />} />
-            {/* <Route path='assignments' element={<AssignmentsPage />} /> */}
+            <Route
+              path='assignments/manage'
+              element={<AssignmentManagePage />}
+            />
             <Route
               path='assignments/create'
               element={<AssignmentCreatePage />}
diff --git a/src/entities/assignment/api/assignmentApi.ts b/src/entities/assignment/api/assignmentApi.ts
index 23940b5..c8d9329 100644
--- a/src/entities/assignment/api/assignmentApi.ts
+++ b/src/entities/assignment/api/assignmentApi.ts
@@ -1,8 +1,45 @@
-import type {DashboardScheduleListResponse} from '@/entities/course/model/types';
+import {z} from 'zod';
 import {privateAxios} from '@/shared/api/axiosInstance';
+import {apiResponseSchema} from '@/shared/model/schemas';
+import {assignmentScheduleSchema} from '../model/schemas';
+import {assignmentCourseSchema} from '@/entities/course/model/schemas';
 
-export const getAssignmentSchedules =
-  async (): Promise<DashboardScheduleListResponse> => {
-    const response = await privateAxios.get('/assignments/schedule');
-    return response.data;
-  };
+// 과제 일정 조회 API
+export const getAssignmentSchedules = async () => {
+  const response = await privateAxios.get('/assignments/schedule');
+  return apiResponseSchema(
+    z.object({count: z.number(), schedule: z.array(assignmentScheduleSchema)})
+  ).parse(response.data);
+};
+
+// 전체 과제 목록 조회 API
+export const getAllAssignments = async () => {
+  const response = await privateAxios.get('/assignments/my');
+  return apiResponseSchema(
+    z.object({
+      count: z.number(),
+      assignments: z.array(
+        z
+          .object({assignmentId: z.number(), title: z.string()})
+          .transform(({assignmentId, title}) => ({id: assignmentId, title}))
+      ),
+    })
+  ).parse(response.data);
+};
+
+// 강의별 과제 목록 조회 API
+export const getAssignmentsByCourse = async (courseId: number) => {
+  const response = await privateAxios.get(`/courses/${courseId}/assignments`);
+  return apiResponseSchema(
+    z.object({
+      count: z.number(),
+      courses: z.array(assignmentCourseSchema),
+    })
+  ).parse(response.data);
+};
+
+// 과제 삭제 API
+export const deleteAssignment = async (assignmentId: number) => {
+  const response = await privateAxios.delete(`/assignments/${assignmentId}`);
+  return apiResponseSchema(z.string()).parse(response.data);
+};
diff --git a/src/entities/assignment/api/assignmentMutations.ts b/src/entities/assignment/api/assignmentMutations.ts
new file mode 100644
index 0000000..5ce85f1
--- /dev/null
+++ b/src/entities/assignment/api/assignmentMutations.ts
@@ -0,0 +1,8 @@
+import {deleteAssignment} from './assignmentApi';
+
+export const assignmentMutations = {
+  deleteAssignment: {
+    mutationKey: ['deleteAssignment'],
+    mutationFn: (assignmentId: number) => deleteAssignment(assignmentId),
+  },
+};
diff --git a/src/entities/assignment/api/assignmentQueries.ts b/src/entities/assignment/api/assignmentQueries.ts
new file mode 100644
index 0000000..8fe1d9d
--- /dev/null
+++ b/src/entities/assignment/api/assignmentQueries.ts
@@ -0,0 +1,37 @@
+import {queryOptions} from '@tanstack/react-query';
+import {
+  getAllAssignments,
+  getAssignmentsByCourse,
+  getAssignmentSchedules,
+} from './assignmentApi';
+
+export const assignmentQueries = {
+  // 과제 일정 조회 쿼리 옵션
+  getAssignmentSchedules: () =>
+    queryOptions({
+      queryKey: ['schedules'],
+      queryFn: getAssignmentSchedules,
+      select: (data) => ({
+        scheduleCount: data.response.count,
+        schedules: data.response.schedule,
+      }),
+    }),
+
+  // 전체 과제 목록 조회 쿼리 옵션
+  getAllAssignments: () =>
+    queryOptions({
+      queryKey: ['assignments'],
+      queryFn: getAllAssignments,
+      select: (data) => data.response.assignments,
+    }),
+
+  // 강의별 과제 목록 조회 쿼리 옵션
+  getAssignmentsByCourse: (courseId: number) =>
+    queryOptions({
+      queryKey: ['courses', courseId, 'assignments'],
+      queryFn: () => getAssignmentsByCourse(courseId),
+      enabled: !!courseId,
+      select: (data) =>
+        data.response.courses.flatMap((course) => course.assignments),
+    }),
+};
diff --git a/src/entities/assignment/api/assignmentQueryOptions.ts b/src/entities/assignment/api/assignmentQueryOptions.ts
deleted file mode 100644
index 89af95e..0000000
--- a/src/entities/assignment/api/assignmentQueryOptions.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {queryOptions} from '@tanstack/react-query';
-import {getAssignmentSchedules} from './assignmentApi';
-
-export default function assignmentQueryOptions() {
-  return queryOptions({
-    queryKey: ['schedules'],
-    queryFn: getAssignmentSchedules,
-  });
-}
diff --git a/src/entities/assignment/model/schemas.ts b/src/entities/assignment/model/schemas.ts
new file mode 100644
index 0000000..66da9d5
--- /dev/null
+++ b/src/entities/assignment/model/schemas.ts
@@ -0,0 +1,20 @@
+import {submissionStatusSchema} from '@/shared/model/schemas';
+import z from 'zod';
+
+export const assignmentSchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  submittedStatus: submissionStatusSchema.optional(),
+});
+
+export const assignmentScheduleSchema = z.object({
+  date: z.string(),
+  remainingDays: z.number(),
+  assignments: z.array(
+    z.object({
+      course: z.string(),
+      section: z.string(),
+      assignment: z.string(),
+    })
+  ),
+});
diff --git a/src/entities/assignment/model/types.ts b/src/entities/assignment/model/types.ts
index 331c549..543ccf8 100644
--- a/src/entities/assignment/model/types.ts
+++ b/src/entities/assignment/model/types.ts
@@ -1,10 +1,5 @@
-import type {SubmissionStatus} from '@/shared/model/common';
+import type {z} from 'zod';
+import type {assignmentScheduleSchema, assignmentSchema} from './schemas';
 
-/**
- * 과제(Assignment) 인터페이스 정의
- */
-export interface Assignment {
-  id: number;
-  title: string;
-  submittedStatus?: SubmissionStatus;
-}
+export type Assignment = z.infer<typeof assignmentSchema>;
+export type AssignmentSchedule = z.infer<typeof assignmentScheduleSchema>;
diff --git a/src/entities/auth/api/authApi.ts b/src/entities/auth/api/authApi.ts
index 72c46a2..da80a9b 100644
--- a/src/entities/auth/api/authApi.ts
+++ b/src/entities/auth/api/authApi.ts
@@ -1,14 +1,6 @@
 import {publicAxios} from '@/shared/api/axiosInstance';
-import type {UserType} from '@/shared/model/common';
-
-interface KakaoLoginApiResponse {
-  memberId: number;
-  name: string;
-  role: 'ADMIN' | 'USER';
-  studentId: string;
-  email: string;
-  accessToken: string;
-}
+import type {UserType} from '@/shared/model/type';
+import {kakaoLoginResponseSchema} from '../model/schemas';
 
 export const kakaoLogin = async (
   oAuthToken: string,
@@ -21,7 +13,7 @@ export const kakaoLogin = async (
     ...(studentId && {studentId}),
     OAuthToken: oAuthToken,
   });
-  const data: KakaoLoginApiResponse = response.data.response;
+  const data = kakaoLoginResponseSchema.parse(response.data.response);
   return {
     userName: data.name,
     userType: (data.role === 'ADMIN' ? 'admin' : 'student') as Exclude<
diff --git a/src/entities/auth/model/schemas.ts b/src/entities/auth/model/schemas.ts
new file mode 100644
index 0000000..260c6bf
--- /dev/null
+++ b/src/entities/auth/model/schemas.ts
@@ -0,0 +1,10 @@
+import {z} from 'zod';
+
+export const kakaoLoginResponseSchema = z.object({
+  memberId: z.number(),
+  name: z.string(),
+  role: z.enum(['ADMIN', 'USER']),
+  studentId: z.string(),
+  email: z.string().nullable(),
+  accessToken: z.string(),
+});
diff --git a/src/entities/auth/model/useUserStore.ts b/src/entities/auth/model/useUserStore.ts
index 2a08cb8..e64cf29 100644
--- a/src/entities/auth/model/useUserStore.ts
+++ b/src/entities/auth/model/useUserStore.ts
@@ -1,6 +1,6 @@
 import {create} from 'zustand';
 import {persist} from 'zustand/middleware';
-import type {UserType} from '@/shared/model/common';
+import type {UserType} from '@/shared/model/type';
 
 type AuthenticatedUserType = Exclude<UserType, 'guest'>;
 
diff --git a/src/entities/course/api/courseApi.ts b/src/entities/course/api/courseApi.ts
index deae300..97316d7 100644
--- a/src/entities/course/api/courseApi.ts
+++ b/src/entities/course/api/courseApi.ts
@@ -1,15 +1,24 @@
-import type {ApiResponse} from '@/shared/model/common';
-import type {DashboardCourseListResponse} from '@/entities/course/model/types';
+import {z} from 'zod';
 import {privateAxios} from '@/shared/api/axiosInstance';
+import {apiResponseSchema} from '@/shared/model/schemas';
+import {courseOverviewSchema, dashboardCourseSchema} from '../model/schemas';
 
-export const getAllCourses = async (): Promise<DashboardCourseListResponse> => {
+// 전체 강의 목록 조회 API
+export const getAllCourses = async () => {
   const response = await privateAxios.get('/courses/my');
-  return response.data;
+  return apiResponseSchema(
+    z.object({count: z.number(), courses: z.array(dashboardCourseSchema)})
+  ).parse(response.data);
 };
 
-export const deleteCourse = async (
-  courseId: number
-): Promise<ApiResponse<string>> => {
+// 단일 강의 조회 API
+export const getCourseById = async (courseId: number) => {
+  const response = await privateAxios.get(`/courses/${courseId}`);
+  return apiResponseSchema(courseOverviewSchema).parse(response.data);
+};
+
+// 강의 삭제 API
+export const deleteCourse = async (courseId: number) => {
   const response = await privateAxios.delete(`/courses/${courseId}`);
-  return response.data;
+  return apiResponseSchema(z.string()).parse(response.data);
 };
diff --git a/src/entities/course/api/courseMutations.ts b/src/entities/course/api/courseMutations.ts
new file mode 100644
index 0000000..0eea045
--- /dev/null
+++ b/src/entities/course/api/courseMutations.ts
@@ -0,0 +1,9 @@
+import {deleteCourse} from './courseApi';
+
+export const courseMutations = {
+  // 강의 삭제 뮤테이션 옵션
+  deleteCourse: {
+    mutationKey: ['deleteCourse'],
+    mutationFn: (courseId: number) => deleteCourse(courseId),
+  },
+};
diff --git a/src/entities/course/api/courseQueries.ts b/src/entities/course/api/courseQueries.ts
new file mode 100644
index 0000000..c08d121
--- /dev/null
+++ b/src/entities/course/api/courseQueries.ts
@@ -0,0 +1,23 @@
+import {getAllCourses, getCourseById} from './courseApi';
+import {queryOptions} from '@tanstack/react-query';
+
+export const courseQueries = {
+  // 전체 강의 조회 쿼리 옵션
+  getAllCourses: () =>
+    queryOptions({
+      queryKey: ['courses'],
+      queryFn: getAllCourses,
+      select: (data) => ({
+        courseCount: data.response.count,
+        courses: data.response.courses,
+      }),
+    }),
+
+  // 단일 강의 조회 쿼리 옵션
+  getCourseDetails: (courseId: number) =>
+    queryOptions({
+      queryKey: ['courses', 'detail', courseId],
+      queryFn: () => getCourseById(courseId),
+      select: (data) => data.response,
+    }),
+};
diff --git a/src/entities/course/api/courseQueryOptions.ts b/src/entities/course/api/courseQueryOptions.ts
deleted file mode 100644
index ab5d82f..0000000
--- a/src/entities/course/api/courseQueryOptions.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {getAllCourses} from './courseApi';
-import {queryOptions} from '@tanstack/react-query';
-
-export default function courseQueryOptions() {
-  return queryOptions({
-    queryKey: ['courses'],
-    queryFn: getAllCourses,
-  });
-}
diff --git a/src/entities/course/index.ts b/src/entities/course/index.ts
deleted file mode 100644
index 6b5cfff..0000000
--- a/src/entities/course/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {getAllCourses, deleteCourse} from './api/courseApi';
diff --git a/src/entities/course/model/schemas.ts b/src/entities/course/model/schemas.ts
new file mode 100644
index 0000000..a634048
--- /dev/null
+++ b/src/entities/course/model/schemas.ts
@@ -0,0 +1,41 @@
+import {z} from 'zod';
+import {semesterCodeSchema} from '@/shared/model/schemas';
+import {
+  assignmentSchema,
+  assignmentScheduleSchema,
+} from '@/entities/assignment/model/schemas';
+import {unitSchema} from '@/entities/unit/model/schemas';
+
+export const courseOverviewSchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  year: z.number(),
+  semester: semesterCodeSchema,
+  section: z.string(),
+  unitCount: z.number(),
+  studentCount: z.number().optional(),
+  units: z.array(unitSchema),
+});
+
+export const dashboardCourseSchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  year: z.number(),
+  semester: semesterCodeSchema,
+  section: z.string(),
+  unitCount: z.number(),
+  description: z.string(),
+  assignmentCount: z.number(),
+});
+
+export const assignmentCourseSchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  year: z.number(),
+  semester: semesterCodeSchema,
+  section: z.string(),
+  count: z.number(),
+  assignments: z.array(assignmentSchema.pick({id: true, title: true})),
+});
+
+export {assignmentScheduleSchema as scheduleSchema};
diff --git a/src/entities/course/model/types.ts b/src/entities/course/model/types.ts
index 9ca93c8..0e017e2 100644
--- a/src/entities/course/model/types.ts
+++ b/src/entities/course/model/types.ts
@@ -1,102 +1,10 @@
-import type {Assignment} from '@/entities/assignment/model/types';
-import type {ApiResponse, SemesterCode} from '@/shared/model/common';
-
-/**
- * 일정(Schedule) 인터페이스 정의
- */
-export interface Schedule {
-  date: string;
-  remainingDays: number;
-  assignments: {
-    course: string;
-    section: string;
-    assignment: string;
-  }[];
-}
-
-/**
- * 단원(Unit) 인터페이스 정의
- */
-export interface Unit {
-  id: number;
-  title: string;
-  releaseDate: string;
-  dueDate: string;
-  isOpen?: boolean;
-  assignmentCount: number;
-  assignments: Assignment[];
-}
-
-/**
- * 강의 기본 정보 인터페이스 정의
- */
-export interface BaseCourse {
-  id: number;
-  title: string;
-  year: number;
-  semester: SemesterCode;
-  section: string;
-  unitCount: number;
-}
-
-/**
- * 강의 상세 페이지용 (course-overview) 인터페이스 정의
- * 기본 정보 + 단원, 과제 상세 리스트
- */
-export interface CourseOverview extends BaseCourse {
-  studentCount?: number;
-  units: Unit[];
-}
-
-/**
- * 대시보드 강의 목록용 인터페이스 정의
- * 기본 정보 + 강의 설명, 과제 개수
- */
-export interface DashboardCourse extends BaseCourse {
-  description: string;
-  assignmentCount: number;
-}
-
-/**
- * 문제 선택 페이지용 강의 인터페이스 정의
- */
-export interface AssignmentSelectCourse extends Omit<BaseCourse, 'unitCount'> {
-  count: number;
-  assignments: Pick<Assignment, 'id' | 'title'>[];
-}
-
-// 강의 상세 응답 타입 정의
-export type CourseOverviewResponse = ApiResponse<CourseOverview>;
-
-// 대시보드 강의 목록 응답 타입 정의
-export type DashboardCourseListResponse = ApiResponse<{
-  count: number;
-  courses: DashboardCourse[];
-}>;
-
-// 대시보드 일정 목록 응답 타입 정의
-export type DashboardScheduleListResponse = ApiResponse<{
-  count: number;
-  schedule: Schedule[];
-}>;
-
-// 문제 선택 페이지 응답 타입 정의
-export type AssignmentSelectResponse = ApiResponse<{
-  count: number;
-  courses: AssignmentSelectCourse[];
-}>;
-
-// 강의 옵션 목록 응답 타입 정의
-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'>[];
-}>;
+import type {z} from 'zod';
+import type {
+  courseOverviewSchema,
+  dashboardCourseSchema,
+  assignmentCourseSchema,
+} from './schemas';
+
+export type CourseOverview = z.infer<typeof courseOverviewSchema>;
+export type DashboardCourse = z.infer<typeof dashboardCourseSchema>;
+export type AssignmentCourse = z.infer<typeof assignmentCourseSchema>;
diff --git a/src/entities/student/model/schemas.ts b/src/entities/student/model/schemas.ts
new file mode 100644
index 0000000..a038be9
--- /dev/null
+++ b/src/entities/student/model/schemas.ts
@@ -0,0 +1,35 @@
+import {z} from 'zod';
+
+export const progressStatusSchema = z.enum([
+  'PASSED',
+  'NOT_SUBMITTED',
+  'PARTIAL',
+  'FAILED',
+]);
+
+export const studentProgressSchema = z.object({
+  status: progressStatusSchema,
+  assignmentName: z.string().optional(),
+  score: z.number().optional(),
+  totalScore: z.number().optional(),
+  plagiarismRate: z.number().optional(),
+});
+
+export const studentUnitSchema = z.object({
+  id: z.number(),
+  name: z.string(),
+  title: z.string(),
+  startDate: z.string(),
+  endDate: z.string(),
+  assignments: z.array(studentProgressSchema),
+});
+
+export const studentSchema = z.object({
+  id: z.number(),
+  studentId: z.string(),
+  name: z.string(),
+  score: z.number(),
+  totalScore: z.number(),
+  progress: z.array(studentProgressSchema),
+  units: z.array(studentUnitSchema).optional(),
+});
diff --git a/src/entities/student/model/types.ts b/src/entities/student/model/types.ts
index 0a5fc2b..eca8b5f 100644
--- a/src/entities/student/model/types.ts
+++ b/src/entities/student/model/types.ts
@@ -1,33 +1,16 @@
-import type {ApiResponse} from '@/shared/model/common';
+import type {z} from 'zod';
+import type {ApiResponse} from '@/shared/model/type';
+import {
+  progressStatusSchema,
+  studentProgressSchema,
+  studentUnitSchema,
+  studentSchema,
+} from './schemas';
 
-export type ProgressStatus = 'PASSED' | 'NOT_SUBMITTED' | 'PARTIAL' | 'FAILED';
-
-export interface StudentProgress {
-  status: ProgressStatus;
-  assignmentName?: string;
-  score?: number;
-  totalScore?: number;
-  plagiarismRate?: number;
-}
-
-export interface Unit {
-  id: number;
-  name: string;
-  title: string;
-  startDate: string;
-  endDate: string;
-  assignments: StudentProgress[];
-}
-
-export interface Student {
-  id: number;
-  studentId: string;
-  name: string;
-  score: number;
-  totalScore: number;
-  progress: StudentProgress[];
-  units?: Unit[];
-}
+export type ProgressStatus = z.infer<typeof progressStatusSchema>;
+export type StudentProgress = z.infer<typeof studentProgressSchema>;
+export type Unit = z.infer<typeof studentUnitSchema>;
+export type Student = z.infer<typeof studentSchema>;
 
 export type CourseStudentsResponse = ApiResponse<{
   id: number;
diff --git a/src/entities/unit/api/unitApi.ts b/src/entities/unit/api/unitApi.ts
index b716386..6c2b37e 100644
--- a/src/entities/unit/api/unitApi.ts
+++ b/src/entities/unit/api/unitApi.ts
@@ -1,46 +1,53 @@
+import {z} from 'zod';
 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';
+import {apiResponseSchema} from '@/shared/model/schemas';
+import {type TUnitFormSchema} from '../model/types';
+import {unitSchema} from '../model/schemas';
 
 // 강의별 전체 단원 조회
-export const getAllUnitsByCourseId = async (
-  courseId: number
-): Promise<AllUnitsResponse> => {
+export const getAllUnitsByCourseId = async (courseId: number) => {
   const response = await privateAxios.get(`/courses/${courseId}/units`);
-  return response.data;
+  return apiResponseSchema(
+    z.object({
+      count: z.number(),
+      units: z.array(
+        unitSchema.pick({id: true, title: true, assignmentCount: true})
+      ),
+    })
+  ).parse(response.data);
 };
 
 // 단일 단원 조회
-export const getUnitById = async (
-  unitId: number | null
-): Promise<ApiResponse<Unit>> => {
+export const getUnitById = async (unitId: number) => {
   const response = await privateAxios.get(`/units/${unitId}`);
-  return response.data;
+  return apiResponseSchema(unitSchema).parse(response.data);
 };
 
 // 단원 삭제
-export const deleteUnit = async (
-  unitId: number
-): Promise<ApiResponse<string>> => {
+export const deleteUnit = async (unitId: number) => {
   const response = await privateAxios.delete(`/units/${unitId}`);
-  return response.data;
+  return apiResponseSchema(z.string()).parse(response.data);
 };
 
 // 단원 생성
-export const createUnit = async (
-  courseId: number,
-  unit: TUnitFormSchema
-): Promise<ApiResponse<Unit>> => {
+export const createUnit = async (courseId: number, unit: TUnitFormSchema) => {
   const response = await privateAxios.post(`/units/${courseId}`, unit);
-  return response.data;
+  return apiResponseSchema(unitSchema).parse(response.data);
 };
 
 // 단원 수정
-export const updateUnit = async (
-  unitId: number,
-  unit: TUnitFormSchema
-): Promise<ApiResponse<Unit>> => {
+export const updateUnit = async (unitId: number, unit: TUnitFormSchema) => {
   const response = await privateAxios.put(`/units/${unitId}`, unit);
-  return response.data;
+  return apiResponseSchema(unitSchema).parse(response.data);
+};
+
+// 단원에 등록된 과제 삭제
+export const deleteAssignmentFromUnit = async (
+  unitId: number,
+  assignmentId: number
+) => {
+  const response = await privateAxios.delete(
+    `/units/${unitId}/assignments/${assignmentId}`
+  );
+  return apiResponseSchema(z.string()).parse(response.data);
 };
diff --git a/src/entities/unit/api/unitMutations.ts b/src/entities/unit/api/unitMutations.ts
index a0e6c91..d114344 100644
--- a/src/entities/unit/api/unitMutations.ts
+++ b/src/entities/unit/api/unitMutations.ts
@@ -5,8 +5,13 @@ export const unitMutations = {
   // 단원 추가 뮤테이션 옵션
   createUnit: {
     mutationKey: ['createUnit'],
-    mutationFn: ({courseId, unit}: {courseId: number; unit: TUnitFormSchema}) =>
-      createUnit(courseId, unit),
+    mutationFn: ({
+      courseId,
+      unitForm,
+    }: {
+      courseId: number;
+      unitForm: TUnitFormSchema;
+    }) => createUnit(courseId, unitForm),
   },
 
   // 단원 수정 뮤테이션 옵션
diff --git a/src/entities/unit/api/unitQueries.ts b/src/entities/unit/api/unitQueries.ts
index ff10576..9346b60 100644
--- a/src/entities/unit/api/unitQueries.ts
+++ b/src/entities/unit/api/unitQueries.ts
@@ -1,4 +1,4 @@
-import {queryOptions} from '@tanstack/react-query';
+import {queryOptions, skipToken} from '@tanstack/react-query';
 import {getAllUnitsByCourseId, getUnitById} from './unitApi';
 
 export const unitQueries = {
@@ -7,13 +7,20 @@ export const unitQueries = {
     queryOptions({
       queryKey: ['units', courseId],
       queryFn: () => getAllUnitsByCourseId(courseId),
+      select: (data) => ({
+        unitList: data.response.units,
+        unitCount: data.response.count,
+        firstUnitId: data.response.units[0]?.id ?? null,
+      }),
     }),
 
   // 단일 단원 조회 쿼리 옵션
   getUnitDetails: (unitId: number | null) =>
     queryOptions({
       queryKey: ['units', 'detail', unitId],
-      queryFn: () => getUnitById(unitId),
-      enabled: !!unitId,
+      queryFn: unitId ? () => getUnitById(unitId) : skipToken,
+      select: (data) => {
+        return data.response;
+      },
     }),
 };
diff --git a/src/entities/unit/model/schemas.ts b/src/entities/unit/model/schemas.ts
new file mode 100644
index 0000000..7d844fe
--- /dev/null
+++ b/src/entities/unit/model/schemas.ts
@@ -0,0 +1,26 @@
+import {assignmentSchema} from '@/entities/assignment/model/schemas';
+import {z} from 'zod';
+
+// 단원 도메인 스키마
+export const unitSchema = z.object({
+  id: z.number(),
+  title: z.string(),
+  releaseDate: z.string(),
+  dueDate: z.string(),
+  isOpen: z.boolean().optional(),
+  assignmentCount: z.number(),
+  assignments: z.array(assignmentSchema),
+});
+
+// 단원 생성/수정 폼 스키마
+export const unitFormSchema = z
+  .object({
+    title: z.string().min(1, '단원 제목을 입력해주세요.'),
+    releaseDate: z.string().min(1, '공개일을 입력해주세요.'),
+    dueDate: z.string().min(1, '마감일을 입력해주세요.'),
+    assignmentIds: z.array(z.number()).optional(),
+  })
+  .refine((data) => data.releaseDate <= data.dueDate, {
+    message: '날짜 범위가 올바르지 않습니다.',
+    path: ['dueDate'],
+  });
diff --git a/src/entities/unit/model/types.ts b/src/entities/unit/model/types.ts
index d6b1c63..7c9c697 100644
--- a/src/entities/unit/model/types.ts
+++ b/src/entities/unit/model/types.ts
@@ -1,17 +1,5 @@
 import {z} from 'zod';
+import type {unitFormSchema, unitSchema} from './schemas';
 
-// 단원 생성/수정 폼 스키마
-export const unitFormSchema = z
-  .object({
-    title: z.string().min(1, '단원 제목을 입력해주세요.'),
-    releaseDate: z.string().min(1, '공개일을 입력해주세요.'),
-    dueDate: z.string().min(1, '마감일을 입력해주세요.'),
-    assignmentIds: z.array(z.number()).optional(),
-  })
-  .refine((data) => data.releaseDate <= data.dueDate, {
-    message: '날짜 범위가 올바르지 않습니다.',
-    path: ['dueDate'],
-  });
-
-// 단원 생성/수정 폼 타입
+export type Unit = z.infer<typeof unitSchema>;
 export type TUnitFormSchema = z.infer<typeof unitFormSchema>;
diff --git a/src/entities/unit/model/useUnitStore.ts b/src/entities/unit/model/useUnitStore.ts
new file mode 100644
index 0000000..ea0def8
--- /dev/null
+++ b/src/entities/unit/model/useUnitStore.ts
@@ -0,0 +1,51 @@
+import type {Assignment} from '@/entities/assignment/model/types';
+import {create} from 'zustand';
+import {createJSONStorage, persist} from 'zustand/middleware';
+
+interface UnitState {
+  title: string;
+  releaseDate: string;
+  dueDate: string;
+  assignments: Assignment[];
+  storeFormData: (title: string, releaseDate: string, dueDate: string) => void;
+  resetStore: () => void;
+  setAssignments: (assignments: Assignment[]) => void;
+}
+
+export const useUnitStore = create<UnitState>()(
+  persist(
+    (set) => ({
+      title: '',
+      releaseDate: '',
+      dueDate: '',
+      assignments: [],
+
+      // 단원 폼 임시 저장
+      storeFormData: (title, releaseDate, dueDate) =>
+        set({
+          title: title,
+          releaseDate: releaseDate,
+          dueDate: dueDate,
+        }),
+
+      // 선택된 과제 ID 저장
+      setAssignments: (assignments) => set({assignments}),
+
+      // 단원 폼 초기화
+      resetStore: () =>
+        set({title: '', releaseDate: '', dueDate: '', assignments: []}),
+    }),
+    {
+      name: 'unit-session-storage',
+      storage: createJSONStorage(() => sessionStorage),
+      partialize: (state) => ({
+        title: state.title,
+        releaseDate: state.releaseDate,
+        dueDate: state.dueDate,
+        assignments: state.assignments,
+      }),
+    }
+  )
+);
+
+export default useUnitStore;
diff --git a/src/features/assignment/filter-assignment/lib/useAssignmentList.ts b/src/features/assignment/filter-assignment/lib/useAssignmentList.ts
new file mode 100644
index 0000000..acd8458
--- /dev/null
+++ b/src/features/assignment/filter-assignment/lib/useAssignmentList.ts
@@ -0,0 +1,22 @@
+import {useQuery} from '@tanstack/react-query';
+import {assignmentQueries} from '@/entities/assignment/api/assignmentQueries';
+import type {Assignment} from '@/entities/assignment/model/types';
+
+// 중복 제거
+const unique = (list: Assignment[]) =>
+  Array.from(new Map(list.map((a) => [a.id, a])).values());
+
+export const useAssignmentList = (
+  selectedCourseId: number | null
+): Assignment[] => {
+  const {data: allAssignments} = useQuery(
+    assignmentQueries.getAllAssignments()
+  );
+  const {data: assignments} = useQuery(
+    assignmentQueries.getAssignmentsByCourse(selectedCourseId ?? 0)
+  );
+
+  return unique(
+    selectedCourseId ? (assignments ?? []) : (allAssignments ?? [])
+  );
+};
diff --git a/src/pages/course-overview/CourseOverviewPage.tsx b/src/pages/course-overview/CourseOverviewPage.tsx
index e3d8f8a..47d3425 100644
--- a/src/pages/course-overview/CourseOverviewPage.tsx
+++ b/src/pages/course-overview/CourseOverviewPage.tsx
@@ -1,22 +1,28 @@
 import {getTotalAssignmentCount} from '@/shared/lib/course';
 import CourseContent from './ui/CourseContent';
 import CourseHero from './ui/CourseHero';
-import {courseResponse} from '@/shared/mocks/courseOverviewResponse';
+import {useParams} from 'react-router-dom';
+import {useSuspenseQuery} from '@tanstack/react-query';
+import {courseQueries} from '@/entities/course/api/courseQueries';
 
 const CourseOverviewPage = () => {
-  const courseData = courseResponse.response;
-  const totalAssignmentCount = getTotalAssignmentCount(courseData.units); // 총 문제 수 계산
-  const hasUnits = courseData.unitCount !== 0 ? true : false;
+  const {id} = useParams();
+  const courseId = Number(id);
+  const {data: course} = useSuspenseQuery(
+    courseQueries.getCourseDetails(courseId)
+  );
+  const totalAssignmentCount = getTotalAssignmentCount(course.units); // 총 문제 수 계산
+  const hasUnits = course.unitCount !== 0 ? true : false;
 
   return (
-    <main className='w-full min-h-screen flex flex-col absolute top-0 left-0 z-0 p-4'>
+    <div className='w-full min-h-screen flex flex-col absolute top-0 left-0 z-0 p-4'>
       <CourseHero
-        courseData={courseData}
+        course={course}
         assignmentCount={totalAssignmentCount}
         isActiveCourse={hasUnits}
       />
-      <CourseContent units={courseData.units} isActiveCourse={hasUnits} />
-    </main>
+      <CourseContent units={course.units} isActiveCourse={hasUnits} />
+    </div>
   );
 };
 
diff --git a/src/pages/course-overview/ui/AssignmentList.tsx b/src/pages/course-overview/ui/AssignmentList.tsx
index 83d76c2..9f31da9 100644
--- a/src/pages/course-overview/ui/AssignmentList.tsx
+++ b/src/pages/course-overview/ui/AssignmentList.tsx
@@ -47,7 +47,7 @@ const AssignmentItem = ({
           </span>
 
           {isOpen ? (
-            <Link to={`/assignments/${index}`} className='min-w-0'>
+            <Link to={`/admin/assignments/${index}`} className='min-w-0'>
               <p className='truncate text-secondary-black text-base font-normal hover:text-primary hover:underline hover:underline-offset-4 cursor-pointer'>
                 {title}
               </p>
@@ -64,7 +64,7 @@ const AssignmentItem = ({
           <div className='shrink-0 ml-2'>
             <Badge
               variant='submission'
-              status={submittedStatus || 'NOT_SUBMITTED'}
+              status={submittedStatus ?? 'NOT_SUBMITTED'}
             />
           </div>
         )}
diff --git a/src/pages/course-overview/ui/CourseActionsBar.tsx b/src/pages/course-overview/ui/CourseActionsBar.tsx
index 746a240..580dedc 100644
--- a/src/pages/course-overview/ui/CourseActionsBar.tsx
+++ b/src/pages/course-overview/ui/CourseActionsBar.tsx
@@ -1,19 +1,30 @@
-import Button from '@/shared/ui/button/Button';
+import {buttonStyles} from '@/shared/ui/button/button-styles';
 import {Link} from 'react-router-dom';
 
+interface CourseActionsBarProps {
+  courseId: number;
+  isActiveCourse: boolean;
+}
 // 강의 관리 버튼 바 (관리자 전용)
-const CourseActionsBar = ({isActiveCourse}: {isActiveCourse: boolean}) => {
+const CourseActionsBar = ({
+  courseId,
+  isActiveCourse,
+}: CourseActionsBarProps) => {
   return (
     <article className='flex gap-5'>
-      <Link to=''>
-        <Button color={isActiveCourse ? 'outlineWhite' : 'outlinePurple'}>
-          학생 목록
-        </Button>
+      <Link
+        to='/admin/student'
+        className={buttonStyles({
+          color: `${isActiveCourse ? 'outlineWhite' : 'outlinePurple'}`,
+        })}>
+        학생 목록
       </Link>
-      <Link to={`/admin/units/3`}>
-        <Button color={isActiveCourse ? 'outlinePurple' : 'primary'}>
-          단원 추가
-        </Button>
+      <Link
+        to={`/admin/units/${courseId}`}
+        className={buttonStyles({
+          color: `${isActiveCourse ? 'outlinePurple' : 'primary'}`,
+        })}>
+        단원 추가
       </Link>
     </article>
   );
diff --git a/src/pages/course-overview/ui/CourseHero.tsx b/src/pages/course-overview/ui/CourseHero.tsx
index 81a7ff7..f64433e 100644
--- a/src/pages/course-overview/ui/CourseHero.tsx
+++ b/src/pages/course-overview/ui/CourseHero.tsx
@@ -3,10 +3,10 @@ import {formatCourseTerm} from '@/shared/lib/course';
 import CourseActionsBar from './CourseActionsBar';
 import {useUserStore} from '@/entities/auth/model/useUserStore';
 import type {CourseOverview} from '@/entities/course/model/types';
-import type {SemesterCode} from '@/shared/model/common';
+import type {SemesterCode} from '@/shared/model/type';
 
 interface CourseHeroProps {
-  courseData: Omit<CourseOverview, 'units'>;
+  course: Omit<CourseOverview, 'units'>;
   assignmentCount: number;
   isActiveCourse: boolean;
 }
@@ -27,18 +27,18 @@ interface CourseStatsProps {
 
 // 강의 상세 페이지 Hero 섹션
 const CourseHero = ({
-  courseData,
+  course,
   assignmentCount,
   isActiveCourse,
 }: CourseHeroProps) => {
   const isAdmin = useUserStore((state) => state.userType) === 'admin';
-  const {title, year, semester, section, unitCount, studentCount} = courseData;
+  const {id, title, year, semester, section, unitCount, studentCount} = course;
 
   return (
     <section className='relative w-full flex-center flex-col pt-38.5 pb-12.5 rounded-t-[30px] bg-radial-gradient'>
       {isAdmin && isActiveCourse && (
         <nav className='absolute top-36 right-35'>
-          <CourseActionsBar isActiveCourse={true} />
+          <CourseActionsBar courseId={id} isActiveCourse={true} />
         </nav>
       )}
 
@@ -66,8 +66,8 @@ const CourseInfo = ({title, year, semester, section}: CourseInfoProps) => {
   return (
     <article className='flex-center flex-col text-white'>
       <img src={snowcodeOverviewMini} alt='snowCode logo' />
-      <h1 className='pb-[1px] text-2xl font-medium leading-9'>{title}</h1>
-      <p className='pb-[11px] text-base font-normal leading-6'>
+      <h1 className='pb-px text-2xl font-medium leading-9'>{title}</h1>
+      <p className='pb-2.75 text-base font-normal leading-6'>
         {formatCourseTerm(year, semester, section)}
       </p>
     </article>
diff --git a/src/pages/course-overview/ui/UnitItem.tsx b/src/pages/course-overview/ui/UnitItem.tsx
index 10049d9..1bc22e3 100644
--- a/src/pages/course-overview/ui/UnitItem.tsx
+++ b/src/pages/course-overview/ui/UnitItem.tsx
@@ -2,7 +2,7 @@ import AssignmentList from './AssignmentList';
 import Lock from '@/assets/svg/lock.svg?react';
 import Badge from '@/shared/ui/badge/Badge';
 import {formatPeriod} from '@/shared/lib/course';
-import type {Unit} from '@/entities/course/model/types';
+import type {Unit} from '@/entities/unit/model/types';
 
 interface UnitProps extends Unit {
   index: number;
diff --git a/src/pages/dashboard/Dashboard.tsx b/src/pages/dashboard/Dashboard.tsx
index e1ca73a..58d8baa 100644
--- a/src/pages/dashboard/Dashboard.tsx
+++ b/src/pages/dashboard/Dashboard.tsx
@@ -5,35 +5,45 @@ import AddIcon from '@/assets/svg/addIcon.svg?react';
 import ScheduleList from './ui/ScheduleList';
 import {Link} from 'react-router-dom';
 import {useUserStore} from '@/entities/auth/model/useUserStore';
-import courseQueryOptions from '@/entities/course/api/courseQueryOptions';
 import {
   useMutation,
   useQueryClient,
   useSuspenseQueries,
 } from '@tanstack/react-query';
-import assignmentQueryOptions from '@/entities/assignment/api/assignmentQueryOptions';
-import {deleteCourse} from '@/entities/course';
 import {EmptyState} from '@/shared/ui/EmptyState';
+import {courseQueries} from '@/entities/course/api/courseQueries';
+import {courseMutations} from '@/entities/course/api/courseMutations';
+import {assignmentQueries} from '@/entities/assignment/api/assignmentQueries';
 
 const Dashboard = () => {
   const userType = useUserStore((state) => state.userType);
   const queryClient = useQueryClient();
 
   // 강의 및 스케쥴 데이터 패칭
-  const [{data: courses}, {data: schedules}] = useSuspenseQueries({
-    queries: [courseQueryOptions(), assignmentQueryOptions()],
+  const [
+    {
+      data: {courseCount, courses},
+    },
+    {
+      data: {scheduleCount, schedules},
+    },
+  ] = useSuspenseQueries({
+    queries: [
+      courseQueries.getAllCourses(),
+      assignmentQueries.getAssignmentSchedules(),
+    ],
   });
 
-  // 강의 삭제 뮤테이션
+  // 강의 삭제
   const {mutate} = useMutation({
-    mutationFn: (courseId: number) => deleteCourse(courseId),
+    ...courseMutations.deleteCourse,
     onSuccess: () => {
       // 강의 목록 및 스케쥴 목록 갱신
       queryClient.invalidateQueries({
-        queryKey: courseQueryOptions().queryKey,
+        queryKey: courseQueries.getAllCourses().queryKey,
       });
       queryClient.invalidateQueries({
-        queryKey: assignmentQueryOptions().queryKey,
+        queryKey: assignmentQueries.getAssignmentSchedules().queryKey,
       });
       alert('강의가 성공적으로 삭제되었습니다.');
     },
@@ -61,13 +71,10 @@ const Dashboard = () => {
             {userType === 'admin' && <AddButton />}
           </div>
 
-          {courses.response.count === 0 ? (
+          {courseCount === 0 ? (
             <EmptyState>등록된 강의가 없습니다.</EmptyState>
           ) : (
-            <CourseList
-              courseList={courses.response.courses}
-              onDelete={handleDeleteCourse}
-            />
+            <CourseList courseList={courses} onDelete={handleDeleteCourse} />
           )}
         </section>
 
@@ -77,10 +84,10 @@ const Dashboard = () => {
             <SectionHeader title='내 스케쥴' />
           </div>
 
-          {schedules.response.count === 0 ? (
+          {scheduleCount === 0 ? (
             <EmptyState className='pl-24.5'>예정된 과제가 없습니다.</EmptyState>
           ) : (
-            <ScheduleList scheduleList={schedules.response.schedule} />
+            <ScheduleList scheduleList={schedules} />
           )}
         </section>
       </div>
diff --git a/src/pages/manage-assignment/AssignmentManagePage.tsx b/src/pages/manage-assignment/AssignmentManagePage.tsx
new file mode 100644
index 0000000..5bbc7ec
--- /dev/null
+++ b/src/pages/manage-assignment/AssignmentManagePage.tsx
@@ -0,0 +1,108 @@
+import {AssignmentPageLayout} from '@/widgets/assignment-page-layout';
+import AssignmentListContainer from '../select-assignment/ui/AssignmentListContainer';
+import ListRow from '@/shared/ui/list-row/ListRow';
+import {useCourseFilter} from '@/features/course/filter-course';
+import {
+  useMutation,
+  useQueryClient,
+  useSuspenseQuery,
+} from '@tanstack/react-query';
+import {courseQueries} from '@/entities/course/api/courseQueries';
+import {useAssignmentList} from '@/features/assignment/filter-assignment/lib/useAssignmentList';
+import {assignmentMutations} from '@/entities/assignment/api/assignmentMutations';
+import {assignmentQueries} from '@/entities/assignment/api/assignmentQueries';
+import AssignmentManageActionsBar from './ui/AssignmentManageActionsBar';
+import AddIcon from '@/assets/svg/addIcon.svg?react';
+import {Link, useNavigate} from 'react-router-dom';
+import {buttonStyles} from '@/shared/ui/button/button-styles';
+import Button from '@/shared/ui/button/Button';
+
+const AssignmentManagePage = () => {
+  const navigate = useNavigate();
+  const {
+    data: {courses},
+  } = useSuspenseQuery(courseQueries.getAllCourses());
+  const {courseOptions, handleCourseSelect, selectedCourseId} =
+    useCourseFilter(courses);
+  const assignmentList = useAssignmentList(selectedCourseId);
+  const queryClient = useQueryClient();
+
+  // 문제 삭제 뮤테이션
+  const {mutate: deleteAssignment} = useMutation({
+    ...assignmentMutations.deleteAssignment,
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: assignmentQueries.getAllAssignments().queryKey,
+      });
+      queryClient.invalidateQueries({
+        queryKey: assignmentQueries.getAssignmentsByCourse(
+          selectedCourseId ?? 0
+        ).queryKey,
+      });
+      alert('문제가 성공적으로 삭제되었습니다.');
+    },
+    onError: (error) => {
+      console.error('문제 삭제 실패', error);
+      alert('문제 삭제에 실패했습니다. 다시 시도해주세요.');
+    },
+  });
+
+  // 문제 삭제 핸들러
+  const onDeleteAssignment = (id: number) => {
+    if (
+      window.confirm(
+        '문제를 삭제하시겠습니까? 삭제된 문제는 복구할 수 없습니다.'
+      )
+    ) {
+      deleteAssignment(id);
+    }
+  };
+
+  return (
+    <AssignmentPageLayout
+      title='문제 관리'
+      courseOptions={courseOptions}
+      onCourseSelect={handleCourseSelect}
+      list={
+        <>
+          <AssignmentListContainer
+            items={assignmentList}
+            title={`${assignmentList.length}문제`}
+            renderItem={(assignment) => (
+              <ListRow
+                title={assignment.title}
+                rightIcon={
+                  <AssignmentManageActionsBar
+                    id={assignment.id}
+                    onDelete={onDeleteAssignment}
+                  />
+                }
+              />
+            )}
+          />
+          <Link
+            className={buttonStyles({
+              color: 'tonal',
+              size: 'compact',
+              content: 'mixed',
+            })}
+            to='/admin/assignments/create'>
+            <AddIcon className='w-4 h-4' />
+            문제 추가
+          </Link>
+        </>
+      }
+      buttons={
+        <Button
+          color='primary'
+          onClick={() => {
+            navigate(-1);
+          }}>
+          나가기
+        </Button>
+      }
+    />
+  );
+};
+
+export default AssignmentManagePage;
diff --git a/src/pages/manage-assignment/ui/AssignmentManageActionsBar.tsx b/src/pages/manage-assignment/ui/AssignmentManageActionsBar.tsx
new file mode 100644
index 0000000..e1f4815
--- /dev/null
+++ b/src/pages/manage-assignment/ui/AssignmentManageActionsBar.tsx
@@ -0,0 +1,38 @@
+import EditIcon from '@/assets/svg/editIcon.svg?react';
+import DeleteIcon from '@/assets/svg/deleteIcon.svg?react';
+import {useNavigate} from 'react-router-dom';
+
+interface AssignmentManageActionsBarProps {
+  id: number;
+  onDelete: (id: number) => void;
+}
+
+const AssignmentManageActionsBar = ({
+  id,
+  onDelete,
+}: AssignmentManageActionsBarProps) => {
+  const navigate = useNavigate();
+
+  const handleOnEdit = () => {
+    navigate(`/admin/assignments/${id}`);
+  };
+
+  const handleOnDelete = () => {
+    onDelete(id);
+  };
+
+  return (
+    <div
+      className='flex items-center gap-6 *:cursor-pointer *:p-1'
+      onClick={(e) => e.stopPropagation()}>
+      <button onClick={handleOnEdit}>
+        <EditIcon className='w-3.5 h-4' />
+      </button>
+      <button onClick={handleOnDelete}>
+        <DeleteIcon className='w-3.5 h-4' />
+      </button>
+    </div>
+  );
+};
+
+export default AssignmentManageActionsBar;
diff --git a/src/pages/select-assignment/AssignmentSelectPage.tsx b/src/pages/select-assignment/AssignmentSelectPage.tsx
index b84b174..f9456f1 100644
--- a/src/pages/select-assignment/AssignmentSelectPage.tsx
+++ b/src/pages/select-assignment/AssignmentSelectPage.tsx
@@ -1,35 +1,53 @@
 import AssignmentListContainer from './ui/AssignmentListContainer';
 import {useState} from 'react';
-import {
-  response,
-  courseOptionsResponse,
-} from '@/shared/mocks/assignmentSelectResponse';
 import {useCourseFilter} from '@/features/course/filter-course/lib/useCourseFilter';
 import {AssignmentPageLayout} from '@/widgets/assignment-page-layout';
 import ListRow from '@/shared/ui/list-row/ListRow';
+import {useSuspenseQuery} from '@tanstack/react-query';
+import {courseQueries} from '@/entities/course/api/courseQueries';
+import useUnitStore from '@/entities/unit/model/useUnitStore';
+import {useLocation, useNavigate} from 'react-router-dom';
+import type {Assignment} from '@/entities/assignment/model/types';
+import {useAssignmentList} from '@/features/assignment/filter-assignment/lib/useAssignmentList';
+import Button from '@/shared/ui/button/Button';
 
 const AssignmentSelectPage = () => {
-  const {courses} = courseOptionsResponse.response; // /courses/my API 응답 모킹
-  const [selectedAssignments, setSelectedAssignments] = useState<number[]>([]); // 선택된 문제 ID 목록
-
-  const {courseOptions, handleCourseSelect} = useCourseFilter(courses);
-
-  // 문제 목록 /courses/{courseId}/assignments API 응답 모킹
-  const assignmentList = response.response.courses.flatMap(
-    (course) => course.assignments
+  const navigate = useNavigate();
+  const location = useLocation();
+  const {
+    data: {courses},
+  } = useSuspenseQuery(courseQueries.getAllCourses());
+  const {setAssignments, assignments: currentSelectedAssignments} =
+    useUnitStore();
+  const [selectedAssignments, setSelectedAssignments] = useState<Assignment[]>(
+    currentSelectedAssignments
   );
+  const {courseOptions, handleCourseSelect, selectedCourseId} =
+    useCourseFilter(courses);
+
+  const assignmentList = useAssignmentList(selectedCourseId);
 
   // 문제 선택 핸들러
-  const handleAssignmentSelect = (assignmentId: number) => {
+  const handleAssignmentSelect = (assignment: Assignment) => {
     setSelectedAssignments((prev) => {
-      if (prev.includes(assignmentId)) {
-        return prev.filter((id) => id !== assignmentId); // 선택 해제
-      } else {
-        return [...prev, assignmentId]; // 선택 추가
+      if (prev.some((a) => a.id === assignment.id)) {
+        return prev.filter((a) => a.id !== assignment.id);
       }
+      return [...prev, assignment];
     });
   };
 
+  // 이전 페이지로 돌아가기
+  const returnToPreviousPage = () => {
+    navigate(location.state?.backPath ?? -1);
+  };
+
+  // 등록 핸들러
+  const handleConfirm = () => {
+    setAssignments(selectedAssignments);
+    returnToPreviousPage();
+  };
+
   return (
     <AssignmentPageLayout
       title='문제 선택'
@@ -43,13 +61,22 @@ const AssignmentSelectPage = () => {
           renderItem={(assignment) => (
             <ListRow
               title={assignment.title}
-              selected={selectedAssignments.includes(assignment.id)}
+              selected={selectedAssignments.some((a) => a.id === assignment.id)}
+              className='cursor-pointer'
             />
           )}
         />
       }
-      onCancel={() => {}}
-      onConfirm={() => {}}
+      buttons={
+        <div className='flex gap-5'>
+          <Button color='outlinePurple' onClick={() => returnToPreviousPage()}>
+            취소
+          </Button>
+          <Button color='primary' onClick={handleConfirm}>
+            등록
+          </Button>
+        </div>
+      }
     />
   );
 };
diff --git a/src/pages/select-assignment/ui/AssignmentListContainer.tsx b/src/pages/select-assignment/ui/AssignmentListContainer.tsx
index 94eb164..ea09b9a 100644
--- a/src/pages/select-assignment/ui/AssignmentListContainer.tsx
+++ b/src/pages/select-assignment/ui/AssignmentListContainer.tsx
@@ -1,12 +1,14 @@
-import type {AssignmentSelectCourse} from '@/entities/course/model/types';
+import type {Assignment} from '@/entities/assignment/model/types';
+import type {AssignmentCourse} from '@/entities/course/model/types';
+import type {MouseEvent, ReactNode} from 'react';
 
-type T = AssignmentSelectCourse['assignments'][number];
+type T = AssignmentCourse['assignments'][number];
 
 interface AssignmentListContainerProps<T> {
   items: T[];
-  renderItem: (item: T) => React.ReactNode;
+  renderItem: (item: T) => ReactNode;
   title: string;
-  onSelect: (id: number) => void;
+  onSelect?: (item: Assignment) => void;
 }
 
 const AssignmentListContainer = ({
@@ -15,16 +17,16 @@ const AssignmentListContainer = ({
   renderItem,
   title,
 }: AssignmentListContainerProps<T>) => {
-  const handleSelect = (id: number, event: React.MouseEvent) => {
+  const handleSelect = (item: Assignment, event: MouseEvent) => {
     event.stopPropagation();
-    onSelect(id);
+    onSelect?.(item);
   };
   return (
     <div className='custom-scrollbar'>
       <h3 className='text-lg/[27px] font-medium mb-4'>{title}</h3>
       <ul className='w-full flex flex-col pr-4 h-96 pb-5 overflow-y-auto gap-2.5'>
         {items.map((item) => (
-          <li onClick={(e) => handleSelect(item.id, e)} key={item.id}>
+          <li onClick={(e) => handleSelect(item, e)} key={item.id}>
             {renderItem(item)}
           </li>
         ))}
diff --git a/src/pages/unit-editor/UnitEditorPage.tsx b/src/pages/unit-editor/UnitEditorPage.tsx
index 1e632b9..5fee03c 100644
--- a/src/pages/unit-editor/UnitEditorPage.tsx
+++ b/src/pages/unit-editor/UnitEditorPage.tsx
@@ -3,30 +3,57 @@ import {UnitForm} from './ui/UnitForm';
 import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query';
 import {unitQueries} from '@/entities/unit/api/unitQueries';
 import {useParams} from 'react-router-dom';
-import {useEffect, useState} from 'react';
+import {useState} from 'react';
 import type {Mode} from './model/types';
 import {unitMutations} from '@/entities/unit/api/unitMutations';
 import type {TUnitFormSchema} from '@/entities/unit/model/types';
 import {EmptyState} from '@/shared/ui/EmptyState';
 import SurfaceCard from '@/shared/ui/SurfaceCard';
+import useUnitStore from '@/entities/unit/model/useUnitStore';
 
 const UnitEditorPage = () => {
   const {id} = useParams(); // 강의 ID
   const courseId = Number(id);
-  const [mode, setMode] = useState<Mode>('idle');
+
+  const {
+    resetStore,
+    title: storedTitle,
+    assignments: storedAssignments,
+    releaseDate: storedReleaseDate,
+    dueDate: storedDueDate,
+  } = useUnitStore();
+  const {data} = useQuery(unitQueries.getUnitList(courseId));
+  const initialMode =
+    data === undefined ? null : data.unitCount === 0 ? 'creating' : 'editing';
+
+  const [activeMode, setActiveMode] = useState<Mode | null>(null);
   const [selectedUnitId, setSelectedUnitId] = useState<number | null>(null);
-  const [currentIndex, setCurrentIndex] = useState<number>(1);
-  const {data: unitList} = useQuery(unitQueries.getUnitList(courseId));
-  const {data: unit} = useQuery(unitQueries.getUnitDetails(selectedUnitId));
-
-  useEffect(() => {
-    if (unitList && unitList?.response.count !== 0 && mode === 'idle') {
-      setSelectedUnitId(unitList.response.units[0].id);
-      setMode('editing'); // 편집 모드
-    } else if (unitList?.response.count === 0 && mode === 'idle') {
-      setMode('creating'); // 생성 모드
+
+  const hasOngoingCreation =
+    storedTitle !== '' ||
+    storedReleaseDate !== '' ||
+    storedDueDate !== '' ||
+    storedAssignments.length > 0;
+
+  const currentMode: Mode | null =
+    activeMode ?? (hasOngoingCreation ? 'creating' : initialMode);
+  const currentUnitId =
+    currentMode === 'creating'
+      ? null
+      : (selectedUnitId ?? data?.firstUnitId ?? null);
+
+  // 현재 단원 인덱스 계산
+  const currentIndex = (() => {
+    if (currentMode === 'creating') {
+      return (data?.unitCount ?? 0) + 1; // 항상 마지막 + 1
     }
-  }, [unitList, mode]);
+    const index = data?.unitList?.findIndex((u) => u.id === currentUnitId);
+    return index !== undefined && index >= 0 ? index + 1 : 1;
+  })();
+
+  const {data: unitDetail} = useQuery(
+    unitQueries.getUnitDetails(currentUnitId)
+  );
 
   const queryClient = useQueryClient();
   const invalidateUnitList = () => {
@@ -36,13 +63,14 @@ const UnitEditorPage = () => {
   };
 
   // 단원 생성
-  const {mutate: addUnit} = useMutation({
+  const {mutate: addUnit, isPending: isCreating} = useMutation({
     ...unitMutations.createUnit,
     onSuccess: (data) => {
       // 단원 목록 갱신
       invalidateUnitList();
       setSelectedUnitId(data.response.id);
-      setMode('editing'); // 생성 후 편집 모드로 전환
+      setActiveMode('editing'); // 생성 후 편집 모드로 전환
+      resetStore(); // 단원 폼 초기화
       alert('새 단원이 성공적으로 생성되었습니다.');
     },
     onError: (error) => {
@@ -52,7 +80,7 @@ const UnitEditorPage = () => {
   });
 
   // 단원 업데이트
-  const {mutate: updateUnit} = useMutation({
+  const {mutate: updateUnit, isPending: isUpdating} = useMutation({
     ...unitMutations.updateUnit,
     onSuccess: () => {
       invalidateUnitList();
@@ -69,8 +97,8 @@ const UnitEditorPage = () => {
     ...unitMutations.deleteUnit,
     onSuccess: () => {
       invalidateUnitList();
-      setMode('idle'); // 삭제 후 대기 모드로 전환
       setSelectedUnitId(null); // 선택된 단원 초기화
+      setActiveMode('creating');
       alert('단원이 성공적으로 삭제되었습니다.');
     },
     onError: (error) => {
@@ -82,19 +110,18 @@ const UnitEditorPage = () => {
   // 단원 선택 핸들러
   const onUnitClick = (id: number) => {
     setSelectedUnitId(id);
-    setMode('editing'); // 편집 모드로 전환
+    setActiveMode('editing'); // 편집 모드로 전환
   };
 
   // 단원 추가 핸들러
   const onAddNewUnit = () => {
     setSelectedUnitId(null);
-    setCurrentIndex(unitList ? unitList.response.count + 1 : 1); // 새 단원의 인덱스 설정
-    setMode('creating'); // 생성 모드로 전환
+    setActiveMode('creating'); // 생성 모드로 전환
   };
 
   // 단원 생성 핸들러
-  const onCreateUnit = (unit: TUnitFormSchema) => {
-    addUnit({courseId: courseId, unit});
+  const onCreateUnit = (unitForm: TUnitFormSchema) => {
+    addUnit({courseId, unitForm});
   };
 
   // 단원 업데이트 핸들러
@@ -119,10 +146,9 @@ const UnitEditorPage = () => {
       {/* 단원 목차 섹션 */}
       <SurfaceCard className='w-112.5 min-w-0' size='large'>
         <UnitList
-          unitList={unitList?.response.units}
+          unitList={data?.unitList}
           onUnitClick={onUnitClick}
-          onChangeIndex={(index) => setCurrentIndex(index)}
-          selectedUnitId={selectedUnitId}
+          selectedUnitId={currentUnitId}
           onAddNewUnit={onAddNewUnit}
         />
       </SurfaceCard>
@@ -130,12 +156,13 @@ const UnitEditorPage = () => {
       {/* 단원 폼 섹션 */}
       <SurfaceCard className='w-185 min-w-0' size='large'>
         <UnitForm
-          unit={unit?.response}
+          unit={unitDetail}
           unitIndex={currentIndex}
-          mode={mode}
+          mode={currentMode}
           onCreateUnit={onCreateUnit}
           onUpdateUnit={onUpdateUnit}
           onDeleteUnit={onDeleteUnit}
+          isPending={isCreating || isUpdating}
         />
       </SurfaceCard>
     </div>
diff --git a/src/pages/unit-editor/mock/unitMock.ts b/src/pages/unit-editor/mock/unitMock.ts
deleted file mode 100644
index 9d9d2f9..0000000
--- a/src/pages/unit-editor/mock/unitMock.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import type {
-  AllUnitsResponse,
-  SingleUnitResponse,
-} from '@/entities/course/model/types';
-
-export const singleUnitResponse: SingleUnitResponse = {
-  success: true,
-  response: {
-    id: 1,
-    title: '날씨 데이터 확인하기',
-    releaseDate: '2025-07-27',
-    dueDate: '2025-07-27',
-    assignmentCount: 5,
-    assignments: [
-      {
-        id: 1,
-        title: '날씨 데이터를 활용한 앱 만들기 1',
-      },
-      {
-        id: 2,
-        title: '날씨 데이터를 활용한 앱 만들기 2',
-      },
-      {
-        id: 3,
-        title: '날씨 데이터를 활용한 앱 만들기 3',
-      },
-      {
-        id: 4,
-        title: '날씨 데이터를 활용한 앱 만들기 4',
-      },
-      {
-        id: 5,
-        title: '날씨 데이터를 활용한 앱 만들기 4',
-      },
-    ],
-  },
-};
-
-export const allUnitsResponse: AllUnitsResponse = {
-  success: true,
-  response: {
-    count: 3,
-    units: [
-      {
-        id: 1,
-        title: '변수와 수식 (수정)',
-        assignmentCount: 2,
-      },
-      {
-        id: 2,
-        title: '날씨 데이터 확인하기',
-        assignmentCount: 1,
-      },
-      {
-        id: 3,
-        title: '날씨 데이터 확인하기',
-        assignmentCount: 3,
-      },
-    ],
-  },
-};
diff --git a/src/pages/unit-editor/model/types.ts b/src/pages/unit-editor/model/types.ts
index c845cef..f505c89 100644
--- a/src/pages/unit-editor/model/types.ts
+++ b/src/pages/unit-editor/model/types.ts
@@ -2,13 +2,14 @@ import type {Unit} from '@/entities/course/model/types';
 import type {TUnitFormSchema} from '@/entities/unit/model/types';
 
 // 단원 편집 모드 타입
-export type Mode = 'idle' | 'creating' | 'editing';
+export type Mode = 'creating' | 'editing';
 
 export interface UnitFormProps {
   unit?: Unit;
   unitIndex: number;
-  mode: Mode;
+  mode: Mode | null;
   onCreateUnit: (unit: TUnitFormSchema) => void;
   onUpdateUnit: (unitId: number, unit: TUnitFormSchema) => void;
   onDeleteUnit: (unitId: number) => void;
+  isPending: boolean;
 }
diff --git a/src/pages/unit-editor/ui/UnitAssignmentList.tsx b/src/pages/unit-editor/ui/UnitAssignmentList.tsx
index 510fc1c..98ce847 100644
--- a/src/pages/unit-editor/ui/UnitAssignmentList.tsx
+++ b/src/pages/unit-editor/ui/UnitAssignmentList.tsx
@@ -2,7 +2,6 @@ import ListRow from '@/shared/ui/list-row/ListRow';
 import type {Assignment} from '@/entities/assignment/model/types';
 import {useState} from 'react';
 import DragAndDropIcon from '@/assets/svg/dragAndDropIcon.svg?react';
-import DeleteIcon from '@/assets/svg/deleteIcon.svg?react';
 import {
   closestCorners,
   DndContext,
@@ -95,7 +94,6 @@ const DraggableAssignmentItem = ({id, title}: Assignment) => {
       <ListRow
         title={title}
         leftIcon={<DragAndDropIcon />}
-        rightIcon={<DeleteIcon className='w-3 h-3' />}
         className={`cursor-grab touch-none bg-white shadow-box active:cursor-grabbing ${isDragging ? 'z-10 opacity-50' : ''}`}
       />
     </li>
diff --git a/src/pages/unit-editor/ui/UnitForm.tsx b/src/pages/unit-editor/ui/UnitForm.tsx
index 66cbec5..53e03fd 100644
--- a/src/pages/unit-editor/ui/UnitForm.tsx
+++ b/src/pages/unit-editor/ui/UnitForm.tsx
@@ -7,11 +7,10 @@ import {zodResolver} from '@hookform/resolvers/zod';
 import {type UnitFormProps} from '../model/types';
 import AddIcon from '@/assets/svg/addIcon.svg?react';
 import {EmptyState} from '@/shared/ui/EmptyState';
-// import {useState} from 'react';
-import {
-  unitFormSchema,
-  type TUnitFormSchema,
-} from '@/entities/unit/model/types';
+import {useLocation, useNavigate} from 'react-router-dom';
+import useUnitStore from '@/entities/unit/model/useUnitStore';
+import {unitFormSchema} from '@/entities/unit/model/schemas';
+import type {TUnitFormSchema} from '@/entities/unit/model/types';
 
 export const UnitForm = ({
   unit,
@@ -20,23 +19,40 @@ export const UnitForm = ({
   onCreateUnit,
   onUpdateUnit,
   onDeleteUnit,
+  isPending,
 }: UnitFormProps) => {
-  // const [assignmentIds, setAssignmentIds] = useState<number[]>([]);
+  const location = useLocation();
+  const navigate = useNavigate();
+  const {
+    storeFormData,
+    resetStore,
+    title: storedTitle,
+    releaseDate: storedReleaseDate,
+    dueDate: storedDueDate,
+    assignments: storedAssignments,
+  } = useUnitStore();
+
+  const currentAssignmentList =
+    mode === 'editing' ? (unit?.assignments ?? []) : storedAssignments;
+
+  const assignmentListKey =
+    mode === 'editing' ? `edit-${unit?.id}` : 'creating-assignments';
 
   const {
     register,
     handleSubmit,
     reset,
-    formState: {errors, isSubmitting},
+    getValues,
+    formState: {errors},
   } = useForm<TUnitFormSchema>({
     resolver: zodResolver(unitFormSchema),
     values:
       mode === 'creating'
         ? {
-            title: '',
-            releaseDate: '',
-            dueDate: '',
-            assignmentIds: [],
+            title: storedTitle,
+            releaseDate: storedReleaseDate,
+            dueDate: storedDueDate,
+            assignmentIds: storedAssignments.map((a) => a.id),
           }
         : {
             title: unit?.title || '',
@@ -46,7 +62,7 @@ export const UnitForm = ({
   });
 
   // 단원 생성/업데이트 핸들러
-  const onSubmit = async (data: TUnitFormSchema) => {
+  const onSubmit = (data: TUnitFormSchema) => {
     if (mode === 'editing' && unit) {
       onUpdateUnit(unit.id, data);
       return;
@@ -64,9 +80,21 @@ export const UnitForm = ({
 
   // 단원 편집 취소 핸들러
   const handleCancel = () => {
+    if (mode === 'creating') resetStore();
     reset();
   };
 
+  // 문제 선택 페이지로 이동 핸들러
+  const handleAssignmentSelect = () => {
+    const {title, releaseDate, dueDate} = getValues();
+    storeFormData(title, releaseDate, dueDate);
+    navigate('/admin/assignments/select', {
+      state: {
+        backPath: location.pathname,
+      },
+    });
+  };
+
   return (
     <div className='flex flex-col w-full h-full p-5'>
       {/* 단원 편집 폼 */}
@@ -88,13 +116,14 @@ export const UnitForm = ({
         </div>
 
         {/* 폼 본문 */}
-        <div className='flex-1 p-7.5 space-y-8 overflow-y-auto '>
+        <div className='flex-1 p-7.5 space-y-3 overflow-y-auto '>
           {/* 단원 제목 섹션 */}
           <section className='grid grid-cols-2 gap-5.5'>
             <LabeledInput
               {...register('title')}
               label='제목'
               placeholder='단원 제목을 입력하세요'
+              errorMessage={errors.title?.message}
             />
           </section>
 
@@ -105,40 +134,48 @@ export const UnitForm = ({
               label='공개일'
               type='date'
               placeholder='날짜를 선택하세요'
+              errorMessage={errors.releaseDate?.message}
             />
             <LabeledInput
               {...register('dueDate')}
               label='마감일'
               type='date'
               placeholder='마감일을 선택하세요'
+              errorMessage={errors.dueDate?.message}
             />
-            <span className='col-span-2 text-xs text-badge-red -mt-3 h-1'>
-              {errors.dueDate?.message}
-            </span>
           </section>
 
-          <hr className='border-stroke mb-7 -mt-3' />
+          <hr className='border-stroke mb-5' />
 
           {/* 문제 등록 섹션 */}
           <section className=''>
             <h4 className='text-base/6 font-medium'>문제 등록</h4>
 
             {/* 드래그 앤 드롭 가능한 문제 리스트 */}
-            {!unit || unit.assignmentCount === 0 ? (
+            {currentAssignmentList.length > 0 ? (
+              <UnitAssignmentList
+                key={assignmentListKey}
+                assignmentList={currentAssignmentList}
+              />
+            ) : (
               <EmptyState className='mt-4 mb-5'>
                 등록된 문제가 없습니다.
               </EmptyState>
-            ) : (
-              <UnitAssignmentList assignmentList={unit.assignments} />
             )}
 
             {/* 문제 연결 버튼 */}
-            <div className='mt-3.5'>
-              <Button color='tonal' size='compact' content='mixed'>
-                <AddIcon className='w-3 h-3' />
-                문제 연결
-              </Button>
-            </div>
+            {mode === 'creating' && (
+              <div className='mt-3.5'>
+                <Button
+                  onClick={handleAssignmentSelect}
+                  color='tonal'
+                  size='compact'
+                  content='mixed'>
+                  <AddIcon className='w-3 h-3' />
+                  문제 연결
+                </Button>
+              </div>
+            )}
           </section>
         </div>
       </form>
@@ -150,8 +187,8 @@ export const UnitForm = ({
         </Button>
         <Button
           type='submit'
-          formID={`unit-form-${unitIndex}`}
-          disabled={isSubmitting}>
+          form={`unit-form-${unitIndex}`}
+          disabled={isPending}>
           저장
         </Button>
       </div>
diff --git a/src/pages/unit-editor/ui/UnitList.tsx b/src/pages/unit-editor/ui/UnitList.tsx
index dab86a7..23b7604 100644
--- a/src/pages/unit-editor/ui/UnitList.tsx
+++ b/src/pages/unit-editor/ui/UnitList.tsx
@@ -1,14 +1,13 @@
 import ArrowrightIcon from '@/assets/svg/arrowrightIcon.svg?react';
-import type {AllUnitsResponse} from '@/entities/course/model/types';
 import Badge from '@/shared/ui/badge/Badge';
 import Button from '@/shared/ui/button/Button';
 import AddIcon from '@/assets/svg/addIcon.svg?react';
+import type {Unit} from '@/entities/unit/model/types';
 
 interface UnitListProps {
-  unitList: AllUnitsResponse['response']['units'] | undefined;
+  unitList: Pick<Unit, 'id' | 'title' | 'assignmentCount'>[] | undefined;
   onUnitClick: (id: number) => void;
   selectedUnitId?: number | null;
-  onChangeIndex: (index: number) => void;
   onAddNewUnit?: () => void;
 }
 
@@ -16,17 +15,8 @@ export const UnitList = ({
   unitList,
   onUnitClick,
   selectedUnitId,
-  onChangeIndex,
   onAddNewUnit,
 }: UnitListProps) => {
-  const handleSelectUnit = (id: number) => {
-    onUnitClick(id);
-
-    // 선택된 단원의 인덱스 찾기
-    const index = unitList?.findIndex((unit) => unit.id === id) ?? 0;
-    onChangeIndex(index + 1);
-  };
-
   return (
     <div className='flex flex-col h-full'>
       {/* 단원 리스트 헤더 */}
@@ -37,7 +27,7 @@ export const UnitList = ({
         {/* 단원 아이템 */}
         {unitList?.map(({id, title, assignmentCount}) => (
           <li
-            onClick={() => handleSelectUnit(id)}
+            onClick={() => onUnitClick(id)}
             key={id}
             className={`flex flex-col py-5 px-12 gap-2.5 cursor-pointer ${selectedUnitId === id ? 'bg-background' : ''}`}>
             {/* 과제 수 배지 */}
diff --git a/src/shared/lib/course.ts b/src/shared/lib/course.ts
index d4eb59c..f966bdb 100644
--- a/src/shared/lib/course.ts
+++ b/src/shared/lib/course.ts
@@ -1,5 +1,5 @@
 import type {Unit} from '@/entities/course/model/types';
-import type {SemesterCode} from '@/shared/model/common';
+import type {SemesterCode} from '@/shared/model/type';
 
 const SEMESTER_MAP: Record<SemesterCode, '1' | '2' | '여름' | '겨울'> = {
   FIRST: '1',
diff --git a/src/shared/mocks/assignmentDummyResponse.ts b/src/shared/mocks/assignmentDummyResponse.ts
deleted file mode 100644
index 55f4810..0000000
--- a/src/shared/mocks/assignmentDummyResponse.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import type {CoursesResponse} from '@/shared/mocks/assignmentDummyTypes';
-
-export const coursesResponse: CoursesResponse = {
-  success: true,
-  response: {
-    count: 5,
-    courses: [
-      {
-        id: 1,
-        title: '데이터구조와 알고리즘',
-        year: 2025,
-        semester: 'FIRST',
-        section: '002',
-        count: 5,
-        assignments: [
-          {id: 1, title: '날씨 데이터로 크롤링하기'},
-          {id: 3, title: '정렬 알고리즘 구현하기'},
-          {id: 5, title: '스택과 큐로 계산기 만들기'},
-          {id: 6, title: '이진 트리 순회'},
-          {id: 7, title: '그래프 탐색 시각화'},
-        ],
-      },
-      {
-        id: 2,
-        title: '컴퓨터수학',
-        year: 2025,
-        semester: 'SECOND',
-        section: '003',
-        count: 2,
-        assignments: [
-          {id: 2, title: '행렬 연산 연습문제'},
-          {id: 4, title: '이산 수학과 부울 대수'},
-        ],
-      },
-      {
-        id: 3,
-        title: '운영체제',
-        year: 2025,
-        semester: 'SECOND',
-        section: '001',
-        count: 3,
-        assignments: [
-          {id: 8, title: 'CPU 스케줄링 시뮬레이터'},
-          {id: 9, title: '가상 메모리 구조 분석'},
-          {id: 10, title: '프로세스 동기화 실습'},
-        ],
-      },
-      {
-        id: 4,
-        title: '웹프로그래밍',
-        year: 2025,
-        semester: 'SUMMER',
-        section: '101',
-        count: 4,
-        assignments: [
-          {id: 11, title: 'HTML/CSS로 개인 홈페이지 만들기'},
-          {id: 12, title: 'JavaScript 인터랙션 추가하기'},
-          {id: 13, title: 'React로 게시판 구현'},
-          {id: 14, title: 'API 연동 과제'},
-        ],
-      },
-      {
-        id: 5,
-        title: 'AI기초',
-        year: 2025,
-        semester: 'WINTER',
-        section: '201',
-        count: 3,
-        assignments: [
-          {id: 15, title: '선형회귀 모델 구현'},
-          {id: 16, title: '데이터 전처리 실습'},
-          {id: 17, title: 'PyTorch 기초 과제'},
-        ],
-      },
-      {
-        id: 6,
-        title: '소프트웨어의 이해',
-        year: 2025,
-        semester: 'WINTER',
-        section: '005',
-        count: 3,
-        assignments: [
-          {id: 18, title: '음수 구별하기'},
-          {id: 19, title: '조건문과 반복문을 활용한 계산기 만들기'},
-          {id: 20, title: '리스트와 튜플의 활용'},
-        ],
-      },
-      {
-        id: 7,
-        title: '소프트웨어의 이해',
-        year: 2025,
-        semester: 'FIRST',
-        section: '005',
-        count: 5,
-        assignments: [
-          {id: 21, title: '음수 구별하기'},
-          {id: 22, title: '조건문과 반복문을 활용한 계산기 만들기'},
-          {id: 23, title: '딕셔너리와 집합의 활용'},
-          {id: 24, title: '파이썬에서의 날짜와 시간 처리'},
-          {id: 25, title: '클래스와 객체 지향 프로그래밍'},
-        ],
-      },
-      {
-        id: 8,
-        title: '소프트웨어의 이해',
-        year: 2025,
-        semester: 'SECOND',
-        section: '001',
-        count: 4,
-        assignments: [
-          {id: 26, title: '음수 구별하기'},
-          {id: 27, title: '조건문과 반복문을 활용한 계산기 만들기'},
-          {id: 28, title: '리스트와 튜플의 활용'},
-          {id: 29, title: '파이썬에서의 예외 처리'},
-        ],
-      },
-    ],
-  },
-};
diff --git a/src/shared/mocks/assignmentDummyTypes.ts b/src/shared/mocks/assignmentDummyTypes.ts
deleted file mode 100644
index c07b420..0000000
--- a/src/shared/mocks/assignmentDummyTypes.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-type SemesterCode = 'FIRST' | 'SECOND' | 'SUMMER' | 'WINTER';
-type SubmissionStatus = 'NOT_SUBMITTED' | 'CORRECT' | 'INCORRECT';
-
-interface Assignment {
-  id: number;
-  title: string;
-  submittedStatus?: SubmissionStatus;
-}
-
-interface Course {
-  id: number;
-  title: string;
-  year: number;
-  semester: SemesterCode;
-  section: string;
-  count: number;
-  assignments: Assignment[];
-}
-
-interface CoursesResponse {
-  success: boolean;
-  response: {
-    count: number;
-    courses: Course[];
-  };
-}
-
-export type {
-  Assignment,
-  Course,
-  CoursesResponse,
-  SemesterCode,
-  SubmissionStatus,
-};
diff --git a/src/shared/mocks/assignmentSelectResponse.ts b/src/shared/mocks/assignmentSelectResponse.ts
deleted file mode 100644
index 015419d..0000000
--- a/src/shared/mocks/assignmentSelectResponse.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import type {
-  AssignmentSelectResponse,
-  CourseOptionsResponse,
-} from '@/entities/course/model/types';
-
-export const response: AssignmentSelectResponse = {
-  success: true,
-  response: {
-    count: 2,
-    courses: [
-      {
-        id: 1,
-        title: '데이터구조와 알고리즘',
-        year: 2025,
-        semester: 'FIRST',
-        section: '002',
-        count: 2,
-        assignments: [
-          {
-            id: 1,
-            title: '날씨 데이터로 크롤링하기 1',
-          },
-          {
-            id: 3,
-            title: '날씨 데이터로 크롤링하기 2',
-          },
-          {
-            id: 7,
-            title: '날씨 데이터로 크롤링하기 3',
-          },
-          {
-            id: 8,
-            title: '날씨 데이터로 크롤링하기 4',
-          },
-        ],
-      },
-      {
-        id: 2,
-        title: '데이터구조와 알고리즘',
-        year: 2025,
-        semester: 'SECOND',
-        section: '003',
-        count: 2,
-        assignments: [
-          {
-            id: 2,
-            title: '날씨 데이터로 크롤링하기 5',
-          },
-          {
-            id: 4,
-            title: '날씨 데이터로 크롤링하기 6',
-          },
-          {
-            id: 5,
-            title: '날씨 데이터로 크롤링하기 7',
-          },
-          {
-            id: 6,
-            title: '날씨 데이터로 크롤링하기 8',
-          },
-        ],
-      },
-    ],
-  },
-};
-
-export const courseOptionsResponse: CourseOptionsResponse = {
-  success: true,
-  response: {
-    count: 3,
-    courses: [
-      {
-        id: 1,
-        year: 2025,
-        semester: 'SUMMER',
-        section: '001',
-        title: '소프트웨어의이해',
-        description: '소프트웨어의이해 강의는 파이썬을 배웁니다.',
-        unitCount: 3,
-        assignmentCount: 10,
-      },
-      {
-        id: 2,
-        year: 2025,
-        semester: 'SUMMER',
-        section: '001',
-        title: '소프트웨어의이해',
-        description: '소프트웨어의이해 강의는 파이썬을 배웁니다.',
-        unitCount: 3,
-        assignmentCount: 10,
-      },
-      {
-        id: 3,
-        year: 2025,
-        semester: 'SUMMER',
-        section: '001',
-        title: '소프트웨어의이해',
-        description: '소프트웨어의이해 강의는 파이썬을 배웁니다.',
-        unitCount: 3,
-        assignmentCount: 10,
-      },
-    ],
-  },
-};
diff --git a/src/shared/mocks/courseOverviewResponse.ts b/src/shared/mocks/courseOverviewResponse.ts
deleted file mode 100644
index 0ac91fc..0000000
--- a/src/shared/mocks/courseOverviewResponse.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import type {CourseOverviewResponse} from '@/entities/course/model/types';
-
-export const courseResponse: CourseOverviewResponse = {
-  success: true,
-  response: {
-    id: 1,
-    title: '소프트웨어의 이해',
-    year: 2025,
-    semester: 'FIRST',
-    section: '005',
-    studentCount: 56,
-    unitCount: 2,
-    units: [
-      {
-        id: 1,
-        title: '변수와 수식',
-        releaseDate: '2025-06-19',
-        dueDate: '2025-06-25',
-        isOpen: true,
-        assignmentCount: 2,
-        assignments: [
-          {
-            id: 1,
-            title: '음수 구별하기',
-            submittedStatus: 'CORRECT',
-          },
-          {
-            id: 2,
-            title: '수식 작성 및 결과 확인 실습 과제',
-            submittedStatus: 'CORRECT',
-          },
-          {
-            id: 3,
-            title: '변수 선언 후 값 출력해보기',
-            submittedStatus: 'NOT_SUBMITTED',
-          },
-          {
-            id: 4,
-            title: '변수 수식 결과를 저장해보세요',
-            submittedStatus: 'INCORRECT',
-          },
-        ],
-      },
-      {
-        id: 3,
-        title: '반복문과 조건문',
-        releaseDate: '2025-06-19',
-        dueDate: '2025-06-25',
-        isOpen: false,
-        assignmentCount: 2,
-        assignments: [
-          {
-            id: 4,
-            title: '짝수와 음수 구별하기',
-            submittedStatus: 'NOT_SUBMITTED',
-          },
-          {
-            id: 5,
-            title: '숫자 맞히기 프로그램 만들기 실습',
-            submittedStatus: 'NOT_SUBMITTED',
-          },
-        ],
-      },
-    ],
-  },
-};
-
-// export const courseResponse: CourseResponse = {
-//   success: true,
-//   response: {
-//     id: 1,
-//     title: '소프트웨어의 이해',
-//     year: 2025,
-//     semester: 'FIRST',
-//     section: '005',
-//     studentCount: 56,
-//     unitCount: 2,
-//     units: [
-//       {
-//         id: 1,
-//         title: '변수와 수식',
-//         releaseDate: '2025-06-19',
-//         dueDate: '2025-06-25',
-//         assignmentCount: 2,
-//         assignments: [
-//           {
-//             id: 1,
-//             title: '음수 구별하기',
-//           },
-//           {
-//             id: 3,
-//             title: '변수 선언 후 값 출력해보기',
-//           },
-//         ],
-//       },
-//       {
-//         id: 3,
-//         title: '반복문과 조건문',
-//         releaseDate: '2025-06-19',
-//         dueDate: '2025-06-25',
-//         assignmentCount: 2,
-//         assignments: [
-//           {
-//             id: 4,
-//             title: '짝수와 음수 구별하기',
-//           },
-//           {
-//             id: 5,
-//             title: '숫자 맞히기 프로그램 만들기 실습',
-//           },
-//         ],
-//       },
-//     ],
-//   },
-// };
diff --git a/src/shared/mocks/dashboardCourseList.ts b/src/shared/mocks/dashboardCourseList.ts
deleted file mode 100644
index e5edffe..0000000
--- a/src/shared/mocks/dashboardCourseList.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type {DashboardCourseListResponse} from '@/entities/course/model/types';
-
-export const responseCourseList: DashboardCourseListResponse = {
-  success: true,
-  response: {
-    count: 2,
-    courses: [
-      {
-        id: 1,
-        year: 2025,
-        semester: 'FIRST',
-        section: '005',
-        title: '소프트웨어의 이해',
-        description:
-          'Python 언어를 기반으로 하여 프로그래밍에 대한 기본 원리를 학습한다.',
-        unitCount: 3,
-        assignmentCount: 2,
-      },
-      {
-        id: 2,
-        year: 2025,
-        semester: 'FIRST',
-        section: '005',
-        title: '소프트웨어의 이해',
-        description:
-          'Python 언어를 기반으로 하여 프로그래밍에 대한 기본 원리를 학습한다.',
-        unitCount: 3,
-        assignmentCount: 2,
-      },
-    ],
-  },
-};
diff --git a/src/shared/mocks/dashboardScheduleList.ts b/src/shared/mocks/dashboardScheduleList.ts
deleted file mode 100644
index 9f81edd..0000000
--- a/src/shared/mocks/dashboardScheduleList.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type {DashboardScheduleListResponse} from '@/entities/course/model/types';
-
-export const responseScheduleList: DashboardScheduleListResponse = {
-  success: true,
-  response: {
-    count: 4,
-    schedule: [
-      {
-        date: '2025-07-20',
-        remainingDays: 0,
-        assignments: [
-          {
-            course: '데이터구조와 알고리즘',
-            section: '002',
-            assignment: 'final',
-          },
-        ],
-      },
-      {
-        date: '2025-07-21',
-        remainingDays: 1,
-        assignments: [
-          {
-            course: '데이터구조와 알고리즘',
-            section: '002',
-            assignment: 'file',
-          },
-        ],
-      },
-      {
-        date: '2025-07-22',
-        remainingDays: 2,
-        assignments: [
-          {
-            course: 'test',
-            section: '003',
-            assignment: '확인용',
-          },
-        ],
-      },
-      {
-        date: '2025-07-26',
-        remainingDays: 6,
-        assignments: [
-          {
-            course: 'Python을 활용한 데이터 분석',
-            section: '005',
-            assignment: '날씨 데이터를 활용한 기온 변화 분석',
-          },
-          {
-            course: '소프트웨어의이해',
-            section: '005',
-            assignment: '날씨 확인',
-          },
-        ],
-      },
-    ],
-  },
-};
diff --git a/src/shared/model/index.ts b/src/shared/model/index.ts
index 7ec0c87..0c66885 100644
--- a/src/shared/model/index.ts
+++ b/src/shared/model/index.ts
@@ -1 +1,2 @@
-export type {ApiResponse, UserType} from './common';
+export type {ApiResponse, UserType} from './type';
+export {apiResponseSchema} from './schemas';
diff --git a/src/shared/model/schemas.ts b/src/shared/model/schemas.ts
new file mode 100644
index 0000000..8aa6f72
--- /dev/null
+++ b/src/shared/model/schemas.ts
@@ -0,0 +1,29 @@
+import {z} from 'zod';
+
+export const apiResponseSchema = <T extends z.ZodTypeAny>(dataSchema: T) =>
+  z.object({success: z.boolean(), response: dataSchema});
+
+export const errorResponseSchema = apiResponseSchema(
+  z.object({
+    errorCode: z.string(),
+    errorMessage: z.string(),
+    errors: z.object({
+      additionalProp1: z.string(),
+      additionalProp2: z.string(),
+      additionalProp3: z.string(),
+    }),
+  })
+);
+
+export const semesterCodeSchema = z.enum([
+  'FIRST',
+  'SECOND',
+  'SUMMER',
+  'WINTER',
+]);
+
+export const submissionStatusSchema = z.enum([
+  'NOT_SUBMITTED',
+  'CORRECT',
+  'INCORRECT',
+]);
diff --git a/src/shared/model/common.ts b/src/shared/model/type.ts
similarity index 85%
rename from src/shared/model/common.ts
rename to src/shared/model/type.ts
index 9842ae5..3047837 100644
--- a/src/shared/model/common.ts
+++ b/src/shared/model/type.ts
@@ -8,7 +8,5 @@ export interface ApiResponse<T> {
 }
 
 export type UserType = 'admin' | 'student' | 'guest';
-
-// 학기 및 제출 상태 상수 타입 정의
 export type SemesterCode = 'FIRST' | 'SECOND' | 'SUMMER' | 'WINTER';
 export type SubmissionStatus = 'NOT_SUBMITTED' | 'CORRECT' | 'INCORRECT';
diff --git a/src/shared/ui/LabeledInput.tsx b/src/shared/ui/LabeledInput.tsx
index aad4139..4b51106 100644
--- a/src/shared/ui/LabeledInput.tsx
+++ b/src/shared/ui/LabeledInput.tsx
@@ -1,14 +1,16 @@
-interface LabeledInputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
+interface LabeledInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label: string;
   className?: string;
   showLabel?: boolean;
+  errorMessage?: string;
 }
 
 const LabeledInput = ({
   label,
   className,
   showLabel = true,
+  errorMessage,
+  required = true,
   ...rest
 }: LabeledInputProps) => {
   return (
@@ -18,14 +20,17 @@ const LabeledInput = ({
           showLabel ? '' : 'sr-only'
         }`}>
         {label}
+        {required && <span className='text-badge-red'> *</span>}
       </span>
 
       <input
+        required={required}
         className={`h-11 rounded-[9px] bg-white border border-purple-stroke px-[14px] outline-none focus:border-primary ${
           className ?? ''
         }`}
         {...rest}
       />
+      <p className='text-xs text-badge-red min-h-4'>{errorMessage}</p>
     </label>
   );
 };
diff --git a/src/shared/ui/Layout.tsx b/src/shared/ui/Layout.tsx
index bf302a7..e0b4c44 100644
--- a/src/shared/ui/Layout.tsx
+++ b/src/shared/ui/Layout.tsx
@@ -9,10 +9,10 @@ const Layout = () => {
   const showHeader = !noHeaderPages.includes(pathname);
 
   return (
-    <div className='min-h-screen overflow-x-hidden flex-center'>
+    <div className='min-h-screen overflow-x-hidden flex justify-center'>
       <div className='min-w-289 px-4 py-12'>
         {showHeader && (
-          <div className='w-289 pb-8 mx-auto'>
+          <div className='w-289 pb-8 mx-auto relative z-10'>
             <Header />
           </div>
         )}
diff --git a/src/shared/ui/button/Button.tsx b/src/shared/ui/button/Button.tsx
index b9320f2..5e62c0c 100644
--- a/src/shared/ui/button/Button.tsx
+++ b/src/shared/ui/button/Button.tsx
@@ -6,7 +6,7 @@ interface ButtonProps extends ButtonVariants {
   className?: string;
   type?: 'button' | 'submit';
   disabled?: boolean;
-  formID?: string;
+  form?: string;
   onClick?: () => void;
   onMouseEnter?: () => void;
   onMouseLeave?: () => void;
@@ -17,7 +17,7 @@ const Button = ({
   onClick,
   type = 'button',
   disabled = false,
-  formID,
+  form,
   className,
   ...props
 }: ButtonProps) => {
@@ -26,7 +26,7 @@ const Button = ({
       type={type}
       onClick={onClick}
       disabled={disabled}
-      form={formID}
+      form={form}
       className={twMerge(buttonStyles(props), className)}>
       {children}
     </button>
diff --git a/src/shared/ui/list-row/ListRow.tsx b/src/shared/ui/list-row/ListRow.tsx
index 91316f0..f81b247 100644
--- a/src/shared/ui/list-row/ListRow.tsx
+++ b/src/shared/ui/list-row/ListRow.tsx
@@ -1,10 +1,11 @@
 import {ListRowStyles, type ListRowVariants} from './list-row-styles';
+import type {ReactNode} from 'react';
 
 interface ListRowProps extends ListRowVariants {
   selected?: boolean;
-  leftIcon?: React.ReactNode;
+  leftIcon?: ReactNode;
   title: string;
-  rightIcon?: React.ReactNode;
+  rightIcon?: ReactNode;
   className?: string;
 }
 
diff --git a/src/shared/ui/list-row/list-row-styles.ts b/src/shared/ui/list-row/list-row-styles.ts
index 5b4135f..aea2286 100644
--- a/src/shared/ui/list-row/list-row-styles.ts
+++ b/src/shared/ui/list-row/list-row-styles.ts
@@ -1,7 +1,7 @@
 import {tv, type VariantProps} from 'tailwind-variants';
 
 export const ListRowStyles = tv({
-  base: 'cursor-pointer bg-background w-full flex items-center rounded-[9px] pl-4.5 pr-7.5 py-4 gap-4 border',
+  base: 'bg-background w-full flex items-center rounded-[9px] pl-4.5 pr-7.5 py-4 gap-4 border',
   variants: {
     selected: {
       true: 'border-primary',
diff --git a/src/widgets/assignment-page-layout/ui/AssignmentPageLayout.tsx b/src/widgets/assignment-page-layout/ui/AssignmentPageLayout.tsx
index 6dc960a..e9e80ed 100644
--- a/src/widgets/assignment-page-layout/ui/AssignmentPageLayout.tsx
+++ b/src/widgets/assignment-page-layout/ui/AssignmentPageLayout.tsx
@@ -1,23 +1,21 @@
 import SurfaceCard from '@/shared/ui/SurfaceCard';
-import Button from '@/shared/ui/button/Button';
 import {CourseSelector} from '@/features/course/filter-course';
+import type {ReactNode} from 'react';
 
 interface AssignmentPageLayoutProps {
   title: string;
-  list: React.ReactNode;
+  list: ReactNode;
+  buttons: ReactNode;
   courseOptions: string[];
   onCourseSelect: (value: string) => void;
-  onCancel: () => void;
-  onConfirm: () => void;
 }
 
 export const AssignmentPageLayout = ({
   title,
   list,
+  buttons,
   courseOptions,
   onCourseSelect,
-  onCancel,
-  onConfirm,
 }: AssignmentPageLayoutProps) => {
   return (
     <SurfaceCard size='large' className='mx-auto flex flex-col *:px-14.5'>
@@ -31,14 +29,7 @@ export const AssignmentPageLayout = ({
       <section className='pt-10'>{list}</section>
 
       {/* 하단 버튼 영역 */}
-      <div className='mb-8.5 mt-auto flex justify-end gap-5'>
-        <Button color='outlinePurple' onClick={onCancel}>
-          취소
-        </Button>
-        <Button color='primary' onClick={onConfirm}>
-          등록
-        </Button>
-      </div>
+      <div className='mb-8.5 mt-auto flex justify-end'>{buttons}</div>
     </SurfaceCard>
   );
 };