diff --git a/front-end/src/pages/professor/home/components/CourseCard.module.css b/front-end/src/pages/professor/home/components/CourseCard.module.css index 37b5bcb..2665645 100644 --- a/front-end/src/pages/professor/home/components/CourseCard.module.css +++ b/front-end/src/pages/professor/home/components/CourseCard.module.css @@ -171,6 +171,8 @@ .medium .title { font: var(--web-title4-bold); color: var(--gray-900); + word-break: break-all; + overflow-wrap: break-word; } .medium .meta { @@ -287,6 +289,8 @@ display: flex; flex-direction: column; gap: 42px; + word-break: break-all; + overflow-wrap: break-word; } .large .university { diff --git a/front-end/src/pages/professor/home/modal/CourseModal.tsx b/front-end/src/pages/professor/home/modal/CourseModal.tsx index 6df478c..5e13a0b 100644 --- a/front-end/src/pages/professor/home/modal/CourseModal.tsx +++ b/front-end/src/pages/professor/home/modal/CourseModal.tsx @@ -240,6 +240,11 @@ const CourseModal = ({ course, onSubmit, onClose }: CourseModalProps) => { ...prev, name: '강의 이름을 입력해 주세요', })); + } else if (courseForm.name.length > 35) { + setFormError((prev) => ({ + ...prev, + name: '강의 이름은 30자 이하로 입력해 주세요', + })); } else { setFormError((prev) => ({ ...prev, name: '' })); } @@ -333,6 +338,11 @@ const CourseModal = ({ course, onSubmit, onClose }: CourseModalProps) => { ...prev, code: '학수번호를 입력해 주세요', })); + } else if (courseForm.code.length > 10) { + setFormError((prev) => ({ + ...prev, + code: '학수번호는 10자 이하로 입력해 주세요', + })); } else { setFormError((prev) => ({ ...prev, code: '' })); } @@ -384,6 +394,11 @@ const CourseModal = ({ course, onSubmit, onClose }: CourseModalProps) => { ...prev, university: '대학이름을 입력해 주세요', })); + } else if (courseForm.university.length > 20) { + setFormError((prev) => ({ + ...prev, + university: '대학이름은 20자 이하로 입력해 주세요', + })); } else { setFormError((prev) => ({ ...prev, university: '' })); setCourseForm((prev) => ({