From 19b9fca1ab996356006bf28ba30cf59f4d5a67a5 Mon Sep 17 00:00:00 2001
From: minbo <smb5174@naver.com>
Date: Thu, 19 Sep 2024 22:13:50 +0900
Subject: [PATCH 1/2] =?UTF-8?q?bug:=20=EC=A7=80=EC=9B=90=EC=9E=90=EC=9D=98?=
 =?UTF-8?q?=20=ED=94=84=EB=A1=9C=ED=86=A0=EC=BD=9C=EC=9D=B4=20=EB=B6=99?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EC=9D=80=20=ED=8F=AC=ED=8A=B8=ED=8F=B4?=
 =?UTF-8?q?=EB=A6=AC=EC=98=A4=20=EB=A7=81=ED=81=AC=EC=97=90=20=EB=8C=80?=
 =?UTF-8?q?=ED=95=9C=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/applicant/applicantNode/Portfolio.tsx   |  7 ++++---
 frontend/src/utils/applicant/index.ts                  | 10 ++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/components/applicant/applicantNode/Portfolio.tsx b/frontend/components/applicant/applicantNode/Portfolio.tsx
index 73b589d..b53e141 100644
--- a/frontend/components/applicant/applicantNode/Portfolio.tsx
+++ b/frontend/components/applicant/applicantNode/Portfolio.tsx
@@ -1,6 +1,7 @@
 import Txt from "@/components/common/Txt.component";
 import { ApplicantReq } from "@/src/apis/applicant";
 import { applicantDataFinder } from "@/src/functions/finder";
+import { changeIntactUrl } from "@/src/utils/applicant";
 import Link from "next/link";
 
 interface PortfolioProps {
@@ -12,15 +13,15 @@ const Portfolio = ({ data }: PortfolioProps) => {
 
   const portfolio = applicantDataFinder(data, "portfolio")
     .split(regex)
-    .map((url: string) => url.trim());
+    .map((url: string) => changeIntactUrl(url.trim()));
 
   const file = applicantDataFinder(data, "fileUrl")
     .split(regex)
-    .map((url: string) => url.trim());
+    .map((url: string) => changeIntactUrl(url.trim()));
 
   const fileUrlForPlanner = applicantDataFinder(data, "fileUrlforPlanner")
     .split(regex)
-    .map((url: string) => url.trim());
+    .map((url: string) => changeIntactUrl(url.trim()));
 
   return (
     <>
diff --git a/frontend/src/utils/applicant/index.ts b/frontend/src/utils/applicant/index.ts
index 3210c4a..d25ed83 100644
--- a/frontend/src/utils/applicant/index.ts
+++ b/frontend/src/utils/applicant/index.ts
@@ -7,3 +7,13 @@ export const findApplicantState = (
   return cardsData.find((card) => card.applicantId === applicantId)?.state
     .passState;
 };
+
+export const changeIntactUrl = (url: string) => {
+  if (!url) return url;
+
+  if (!/^https?:\/\//.test(url)) {
+    return `http://${url}`;
+  }
+
+  return url;
+};

From 5a9b6ff62e3f770a0dee6fcb407e8e447c4ee410 Mon Sep 17 00:00:00 2001
From: minbo <smb5174@naver.com>
Date: Thu, 19 Sep 2024 22:17:45 +0900
Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20a=20=ED=83=9C=EA=B7=B8=EC=9D=98?=
 =?UTF-8?q?=20target=3D"=5Fblank"=EB=A1=9C=20=EC=9D=B8=ED=95=9C=20?=
 =?UTF-8?q?=EB=B3=B4=EC=95=88=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
 =?UTF-8?q?=EC=9D=84=20=EC=9C=84=ED=95=B4=20rel=20=EC=86=8D=EC=84=B1=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../applicant/applicantNode/Portfolio.tsx     | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/components/applicant/applicantNode/Portfolio.tsx b/frontend/components/applicant/applicantNode/Portfolio.tsx
index b53e141..6b6f696 100644
--- a/frontend/components/applicant/applicantNode/Portfolio.tsx
+++ b/frontend/components/applicant/applicantNode/Portfolio.tsx
@@ -31,7 +31,12 @@ const Portfolio = ({ data }: PortfolioProps) => {
           <Txt typography="h6">링크</Txt>
           {portfolio.map((url: string, index: number) => {
             return (
-              <Link href={url} target="_blank" key={index}>
+              <Link
+                href={url}
+                target="_blank"
+                rel="noopener noreferrer"
+                key={index}
+              >
                 <Txt className="break-all">{url}</Txt>
               </Link>
             );
@@ -41,7 +46,12 @@ const Portfolio = ({ data }: PortfolioProps) => {
           <Txt typography="h6">파일</Txt>
           {file.map((url: string, index: number) => {
             return (
-              <Link href={url} target="_blank" key={index}>
+              <Link
+                href={url}
+                target="_blank"
+                rel="noopener noreferrer"
+                key={index}
+              >
                 <Txt className="break-all">{url}</Txt>
               </Link>
             );
@@ -52,7 +62,12 @@ const Portfolio = ({ data }: PortfolioProps) => {
             <Txt typography="h6">이번 학기 프로젝트 기획서</Txt>
             {fileUrlForPlanner.map((url: string, index: number) => {
               return (
-                <Link href={url} target="_blank" key={index}>
+                <Link
+                  href={url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  key={index}
+                >
                   <Txt className="break-all">{url}</Txt>
                 </Link>
               );