Fix/peer review main

src/components/common/modals/edit-homework-modal.tsx

@@ -9,10 +9,17 @@ import { Modal } from '@/components/common/ui/modal';
 
 import { useEditHomework } from '@/hooks/queries/group-study-homework-api';
 import { useToastStore } from '@/stores/use-toast-store';
+import { formatExternalLink } from '@/utils/format';
+import { isValidUrl } from '@/utils/validation';
 
 const EditHomeworkFormSchema = z.object({
   textContent: z.string().min(1, '과제 상세 내용을 입력해주세요.').max(1000),
-  attachmentLink: z.string().optional(),
+  attachmentLink: z
+    .string()
+    .optional()
+    .refine((val) => !val || isValidUrl(val), {
+      message: '올바른 URL 형식을 입력해주세요. (예: https://example.com)',
+    }),
 });
 
 type EditHomeworkFormValues = z.infer<typeof EditHomeworkFormSchema>;
@@ -98,7 +105,11 @@ function EditHomeworkForm({
         homeworkId,
         request: {
           textContent: values.textContent,
-          optionalSubmission: { link: values.attachmentLink },
+          optionalSubmission: {
+            link: values.attachmentLink
+              ? formatExternalLink(values.attachmentLink)
+              : values.attachmentLink,
+          },
         },
       },
       {
@@ -127,7 +138,7 @@ function EditHomeworkForm({
             label="과제 상세 내용"
             direction="vertical"
             required
-            maxCharCount={5000}
+            maxCharCount={1000}
             showCounterRight={false}
           >
             <TextAreaInput

src/components/common/modals/submit-homework-modal.tsx

@@ -9,10 +9,17 @@ import { Modal } from '@/components/common/ui/modal';
 
 import { useSubmitHomework } from '@/hooks/queries/group-study-homework-api';
 import { useToastStore } from '@/stores/use-toast-store';
+import { formatExternalLink } from '@/utils/format';
+import { isValidUrl } from '@/utils/validation';
 
 const SubmitHomeworkFormSchema = z.object({
   textContent: z.string().min(1, '과제 상세 내용을 입력해주세요.').max(1000),
-  attachmentLink: z.string().optional(),
+  attachmentLink: z
+    .string()
+    .optional()
+    .refine((val) => !val || isValidUrl(val), {
+      message: '올바른 URL 형식을 입력해주세요. (예: https://example.com)',
+    }),
 });
 
 type SubmitHomeworkFormValues = z.infer<typeof SubmitHomeworkFormSchema>;
@@ -98,7 +105,11 @@ function SubmitHomeworkForm({
         missionId,
         request: {
           textContent: values.textContent,
-          optionalSubmission: { link: values.attachmentLink },
+          optionalSubmission: {
+            link: values.attachmentLink
+              ? formatExternalLink(values.attachmentLink)
+              : values.attachmentLink,
+          },
         },
       },
       {

src/components/contents/homework-detail-content.tsx

@@ -17,6 +17,7 @@ import {
 } from '@/hooks/queries/peer-review-api';
 
 import { useUserStore } from '@/stores/useUserStore';
+import { formatExternalLink } from '@/utils/format';
 
 const ConfirmDeleteModal = dynamic(
   () => import('@/components/common/modals/confirm-delete-modal'),
@@ -132,7 +133,9 @@ export default function HomeworkDetailContent({
               제출한 과제
             </span>
             <a
-              href={homework.homeworkContent.optionalContent.link}
+              href={formatExternalLink(
+                homework.homeworkContent.optionalContent.link,
+              )}
               target="_blank"
               rel="noopener noreferrer"
               className="text-text-brand font-designer-14r hover:underline"
@@ -146,7 +149,7 @@ export default function HomeworkDetailContent({
       {/* 피어 리뷰 */}
       <PeerReviewSection
         homeworkId={homeworkId}
-        peerReviews={peerReviews ?? []}
+        peerReviews={peerReviews}
         isMyHomework={isMyHomework}
       />
     </div>

src/components/hall-of-fame/mvp-team-card.tsx

@@ -7,6 +7,7 @@ import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
 import UserAvatar from '@/components/common/ui/avatar';
 import Tooltip from '@/components/common/ui/tooltip';
 import type { MVPTeam } from '@/types/one-to-one-study/hall-of-fame';
+import { formatExternalLink } from '@/utils/format';
 
 interface MVPTeamCardProps {
   team: MVPTeam;
@@ -104,7 +105,7 @@ export default function MVPTeamCard({ team, className }: MVPTeamCardProps) {
             {team.sharedLinks.map((link, i) => (
               <a
                 key={link.id}
-                href={link.url}
+                href={formatExternalLink(link.url)}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="font-designer-13r text-text-subtle hover:text-text-information flex items-center gap-100 truncate transition-all hover:underline"

src/components/lists/study-list-table.tsx

@@ -11,6 +11,7 @@ import {
   type DailyStudy,
   type GetDailyStudiesResponse,
 } from '@/types/api/schedule.types';
+import { formatExternalLink } from '@/utils/format';
 import LinkIcon from 'public/icons/Link.svg';
 
 const TABLE_HEADERS = [
@@ -61,7 +62,7 @@ function mapDailyStudyToDisplayData(
     '진행 상태': getStatusBadge(row.progressStatus),
     '참고 자료': row.link ? (
       <a
-        href={row.link}
+        href={formatExternalLink(row.link)}
         target="_blank"
         rel="noopener noreferrer"
         onClick={() => {

src/components/schedule/today-study-card.tsx

@@ -12,6 +12,7 @@ import { TUTORIAL_DAILY_STUDY_MOCK } from '@/config/tutorial-mock';
 import { useAuthReady } from '@/features/auth/model/use-auth';
 import { useDailyStudyDetailQuery } from '@/hooks/queries/use-interview-query';
 import { DailyStudyDetail } from '@/types/api/interview.types';
+import { formatExternalLink } from '@/utils/format';
 
 const StudyDoneModal = dynamic(
   () => import('@/components/common/modals/study-done-modal'),
@@ -364,11 +365,13 @@ function StudySubject({ subject }: Pick<DailyStudyDetail, 'subject'>) {
 }
 
 function StudyLink({ link }: Pick<DailyStudyDetail, 'link'>) {
+  if (!link) return null;
+
   return (
     <div className="bg-background-alternative rounded-50 col-span-2 flex items-center gap-300 px-300 py-250">
       <span className="text-sm text-gray-600">스터디 링크</span>
 
-      <Link href={link} target="_blank" rel="noreferrer">
+      <Link href={formatExternalLink(link)} target="_blank" rel="noreferrer">
         <div className="flex cursor-pointer gap-75">
           <Image
             src="icons/Link.svg"

src/features/mentoring/ui/note-consultation/note-consultation-composite.tsx

@@ -20,6 +20,7 @@ import type {
   NoteConsultationChannel,
   NoteConsultationListItem,
 } from '@/types/mentoring/note-consultation-view';
+import { formatExternalLink } from '@/utils/format';
 
 function UserAvatar({
   name,
@@ -141,7 +142,7 @@ function QuestionCard({ request }: { request: MentoringRequest }) {
           {request.referenceLinks?.map((link) => (
             <a
               key={link}
-              href={link}
+              href={formatExternalLink(link)}
               target="_blank"
               rel="noopener noreferrer"
               className="font-designer-11m text-text-brand border-border-subtle inline-flex items-center gap-50 rounded-full border px-100 py-50 underline"

src/features/study/one-to-one/history/ui/study-history-row.tsx

@@ -12,6 +12,7 @@ import {
 import dynamic from 'next/dynamic';
 import UserAvatar from '@/components/common/ui/avatar';
 import { StudyHistoryItem } from '@/types/one-to-one-study/study-history';
+import { formatExternalLink } from '@/utils/format';
 
 const UserProfileModal = dynamic(
   () => import('@/components/common/modals/user-profile-modal'),
@@ -121,7 +122,7 @@ export const StudyHistoryRow = ({ item }: { item: StudyHistoryItem }) => {
       <div className="flex w-[80px] shrink-0 justify-center">
         {item.link ? (
           <a
-            href={item.link}
+            href={formatExternalLink(item.link)}
             target="_blank"
             rel="noopener noreferrer"
             className="text-text-subtle hover:text-text-strong group flex items-center justify-center p-100 transition-all"

src/utils/format.ts

@@ -11,3 +11,22 @@ export function formatPhoneNumber(value: string | undefined): string {
 
   return `${numbers.slice(0, 3)}-${numbers.slice(3, 7)}-${numbers.slice(7, 11)}`;
 }
+
+/**
+ * 외부 링크 포맷팅 함수
+ * http:// 또는 https://로 시작하지 않는 경우 https://를 접두사로 추가합니다.
+ */
+export function formatExternalLink(url: string | undefined): string {
+  if (!url) return '';
+  const trimmedUrl = url.trim();
+  if (/^[a-z][a-z0-9+.-]*:\/\//i.test(trimmedUrl)) {
+    return trimmedUrl;
+  }
+
+  // 마침표가 있고 공백이 없는 경우에만 https:// 보정 (예: "github" → 보정 안 함)
+  if (trimmedUrl.includes('.') && !trimmedUrl.includes(' ')) {
+    return `https://${trimmedUrl}`;
+  }
+
+  return trimmedUrl;
+}

src/utils/validation.ts

@@ -1,3 +1,25 @@
 export function isNumeric(str: string) {
   return /^\d+$/.test(str);
 }
+
+/**
+ * URL 형식 검증 함수
+ * 마침표가 포함되고 공백이 없는 경우에만 유효한 URL로 판단합니다.
+ * http/https 프로토콜이 없으면 https://를 붙여서 URL 파싱을 시도합니다.
+ */
+export function isValidUrl(url: string): boolean {
+  const trimmed = url.trim();
+  if (!trimmed || trimmed.includes(' ') || !trimmed.includes('.')) return false;
+
+  try {
+    const withProtocol =
+      trimmed.startsWith('http://') || trimmed.startsWith('https://')
+        ? trimmed
+        : `https://${trimmed}`;
+    new URL(withProtocol);
+
+    return true;
+  } catch {
+    return false;
+  }
+}