From 3ad490106090c37fe26082443b51366278513f49 Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Wed, 7 May 2025 22:54:48 +0900
Subject: [PATCH 1/8] =?UTF-8?q?style:=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?=
 =?UTF-8?q?=EC=8A=A4=ED=85=9D=EC=84=9C=EB=B9=84=EC=8A=A4=20ux=20=EB=9D=BC?=
 =?UTF-8?q?=EC=9D=B4=ED=8C=85=20=EC=88=98=EC=A0=95=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/OnboardingPage/StepService/StepService.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/OnboardingPage/StepService/StepService.tsx b/src/pages/OnboardingPage/StepService/StepService.tsx
index be4b9d69..840fedfc 100644
--- a/src/pages/OnboardingPage/StepService/StepService.tsx
+++ b/src/pages/OnboardingPage/StepService/StepService.tsx
@@ -158,8 +158,8 @@ const StepService = ({ setStep, selectedField }: StepServiceProps) => {
 				<Spacer.Height as="main" className="flex flex-col pb-[3rem]">
 					<h1 className="mb-[2rem] text-white title-bold-36">작업 시 사용할 서비스들을 입력해주세요</h1>
 					<p className="mb-[2.3rem] text-gray-04 subhead-reg-22">
-						필요한 서비스에만 들어가고, 나의 온전한 집중 시간을 기록할 수 있어요. 만든 모립세트는 언제든 편집할 수
-						있어요.
+						필요한 서비스에만 들어가고, 나의 온전한 집중 시간을 기록할 수 있어요. 만든 허용서비스 세트는 언제든 편집할
+						수 있어요.
 					</p>
 
 					<Tabs activeTab={activeTab} onChangeActiveTab={handleChangeActiveTab}>

From 6923ec4998006e25cb424744726027415ff0e1e6 Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Wed, 7 May 2025 23:17:23 +0900
Subject: [PATCH 2/8] =?UTF-8?q?fix:=20=EC=98=A8=EB=B3=B4=EB=94=A9=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EA=B9=A8=EC=A7=80=EB=8A=94=20=EC=98=A4=EB=A5=98=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../StepService/AllowedServices/AllowedServices.tsx          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx b/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
index ff3a6932..c0a6051a 100644
--- a/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
+++ b/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
@@ -2,6 +2,7 @@ import { ButtonHTMLAttributes, InputHTMLAttributes, KeyboardEvent, ReactNode, us
 
 import HomeLargeBtn from '@/shared/components/ButtonHomeLarge/ButtonHomeLarge';
 import ColorPalette from '@/shared/components/ColorPallete/ColorPallete';
+import FaviconImage from '@/shared/components/FaviconImage/FaviconImage';
 import Spacer from '@/shared/components/Spacer/Spacer';
 
 import useClickOutside from '@/shared/hooks/useClickOutside';
@@ -155,11 +156,11 @@ const AllowedServiceItem = ({ onClick, ...props }: AllowedServiceItemProps) => {
 	return (
 		<li className="flex h-[5.3rem] w-full min-w-0 items-center border-b border-b-gray-bg-04 py-[1.2rem]">
 			<span className="flex w-[12rem] gap-[1.2rem]">
-				<img src={props.favicon} alt={`${props.siteName} 아이콘`} className="h-[2rem] w-[2rem] flex-shrink-0" />
+				<FaviconImage src={props.favicon} alt={`${props.siteName} 아이콘`} className="flex-shrink-0" />
 				<h3 className="w-[6rem] flex-shrink-0 truncate p-0 text-white body-med-16">{props.siteName}</h3>
 			</span>
 			<div className="ml-[1rem] h-[3.1rem] w-[20.4rem] flex-shrink-0 truncate rounded-[20px] bg-gray-bg-04 px-[1rem] py-[0.6rem] text-gray-04 body-reg-16">
-				{props.siteUrl}
+				{props.siteUrl}a
 			</div>
 			<button
 				onClick={() => {

From ac84746f3035facd587339d8e65cd41d8baef9dd Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Thu, 8 May 2025 22:01:59 +0900
Subject: [PATCH 3/8] =?UTF-8?q?fix:=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=20=EB=8B=A4?=
 =?UTF-8?q?=EB=A5=B8=20=ED=94=8C=EB=A1=9C=EC=9A=B0=EB=A1=9C=EC=9D=98=20?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=99=20=EC=A0=9C=ED=95=9C=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/layout/Sidebar/Sidebar.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/shared/layout/Sidebar/Sidebar.tsx b/src/shared/layout/Sidebar/Sidebar.tsx
index 32ceb5b7..c89cc5d4 100644
--- a/src/shared/layout/Sidebar/Sidebar.tsx
+++ b/src/shared/layout/Sidebar/Sidebar.tsx
@@ -34,7 +34,9 @@ const Sidebar = () => {
 
 	return (
 		<>
-			<aside className="sticky top-0 flex min-h-screen w-[7.4rem] flex-shrink-0 flex-col items-center justify-between bg-gray-bg-02 pb-[2.1rem] pt-[5.4rem]">
+			<aside
+				className={`sticky top-0 flex min-h-screen w-[7.4rem] flex-shrink-0 flex-col items-center justify-between bg-gray-bg-02 pb-[2.1rem] pt-[5.4rem] ${pathName === ROUTES_CONFIG.onboarding.path ? 'pointer-events-none' : ''}`}
+			>
 				<button type="button" onClick={navigateHome} className="relative flex w-full items-center gap-[0.8rem]">
 					<hr
 						className={`h-[54px] w-[2px] rounded-r-[8px] ${pathName === ROUTES_CONFIG.home.path ? 'bg-white' : 'border-transparent bg-transparent'}`}

From ab991505f67bc64af423d69eaf2f01f58fbbb7ce Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Thu, 8 May 2025 22:50:06 +0900
Subject: [PATCH 4/8] =?UTF-8?q?feat:=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?=
 =?UTF-8?q?=EB=82=B4=20=EC=A7=81=EC=97=85=EA=B5=B0=20=EB=B3=84=20=EC=B6=94?=
 =?UTF-8?q?=EC=B2=9C=20=EC=82=AC=EC=9D=B4=ED=8A=B8=20=EC=A1=B0=ED=9A=8C=20?=
 =?UTF-8?q?api=20=EC=97=B0=EA=B2=B0=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/OnboardingPage/StepService/StepService.tsx |  9 +++++----
 src/shared/apisV2/onboarding/onboarding.api.ts       |  8 +++++++-
 src/shared/apisV2/onboarding/onboarding.keys.ts      |  3 +++
 src/shared/apisV2/onboarding/onboarding.queries.ts   | 11 +++++++++++
 src/shared/types/api/onboarding.ts                   | 12 ++++++++++--
 src/shared/types/fileds.ts                           |  4 +++-
 6 files changed, 39 insertions(+), 8 deletions(-)
 create mode 100644 src/shared/apisV2/onboarding/onboarding.keys.ts
 create mode 100644 src/shared/apisV2/onboarding/onboarding.queries.ts

diff --git a/src/pages/OnboardingPage/StepService/StepService.tsx b/src/pages/OnboardingPage/StepService/StepService.tsx
index 840fedfc..7652e2c6 100644
--- a/src/pages/OnboardingPage/StepService/StepService.tsx
+++ b/src/pages/OnboardingPage/StepService/StepService.tsx
@@ -11,13 +11,13 @@ import { ColorPaletteType } from '@/shared/types/allowedService';
 import { AllowedSiteType, AllowedSitesType } from '@/shared/types/allowedSites';
 import type { FieldType } from '@/shared/types/fileds';
 
-import { FIELDS } from '@/shared/constants/fields';
-import { SUGGESTED_STIES } from '@/shared/constants/suggestedSites';
+import { FIELDS, FIELDS_MAP } from '@/shared/constants/fields';
 
 import BackIcon from '@/shared/assets/svgs/ic_back_btn.svg?react';
 
 import { useGetUrlInfo } from '@/shared/apisV2/common/common.mutations';
 import { usePostInterestArea } from '@/shared/apisV2/onboarding/onboarding.mutations';
+import { useGetSuggestedSites } from '@/shared/apisV2/onboarding/onboarding.queries';
 
 import AllowedService from './AllowedServices/AllowedServices';
 import ButtonService from './ButtonService/ButtonService';
@@ -40,6 +40,7 @@ const StepService = ({ setStep, selectedField }: StepServiceProps) => {
 
 	const { mutateAsync: getUrlInfo, reset: resetGetUrlInfo, isError, isPending } = useGetUrlInfo();
 	const { mutate: postInterestArea } = usePostInterestArea();
+	const { data: suggestedSites } = useGetSuggestedSites();
 
 	const getDomainFromUrl = (url: string) => {
 		return url.replace(/^(https?:\/\/)?(www\.)?/, '').toLowerCase();
@@ -116,7 +117,7 @@ const StepService = ({ setStep, selectedField }: StepServiceProps) => {
 			postInterestArea(
 				{
 					allowedSites: selectedServices,
-					interestArea: selectedField,
+					interestArea: FIELDS_MAP[selectedField],
 					name: categoryNameInput,
 					colorCode: selectedColor,
 				},
@@ -170,7 +171,7 @@ const StepService = ({ setStep, selectedField }: StepServiceProps) => {
 						</Tabs.TriggerList>
 
 						<Tabs.ContentList>
-							{SUGGESTED_STIES[activeTab].map((site) => (
+							{suggestedSites?.data?.[FIELDS_MAP[activeTab]].map((site: AllowedSiteType) => (
 								<ButtonService
 									key={site.siteUrl}
 									favicon={site.favicon}
diff --git a/src/shared/apisV2/onboarding/onboarding.api.ts b/src/shared/apisV2/onboarding/onboarding.api.ts
index 3e3ee572..37ae7ab3 100644
--- a/src/shared/apisV2/onboarding/onboarding.api.ts
+++ b/src/shared/apisV2/onboarding/onboarding.api.ts
@@ -1,9 +1,10 @@
-import { PostInterestAreaReq, PostInterestAreaRes } from '@/shared/types/api/onboarding';
+import { GetSuugestedSitesRes, PostInterestAreaReq, PostInterestAreaRes } from '@/shared/types/api/onboarding';
 
 import { authClient } from '../client';
 
 export const ONBOARDING_URL = {
 	POST_INTEREST_AREA: 'api/v2/onboard',
+	GET_SUGGESTED_SITES: 'api/v2/onboard',
 };
 
 export const postInterestArea = async ({
@@ -21,3 +22,8 @@ export const postInterestArea = async ({
 	);
 	return data;
 };
+
+export const getSuggestedSites = async (): Promise<GetSuugestedSitesRes> => {
+	const { data } = await authClient.get(ONBOARDING_URL.GET_SUGGESTED_SITES);
+	return data;
+};
diff --git a/src/shared/apisV2/onboarding/onboarding.keys.ts b/src/shared/apisV2/onboarding/onboarding.keys.ts
new file mode 100644
index 00000000..5b0d25db
--- /dev/null
+++ b/src/shared/apisV2/onboarding/onboarding.keys.ts
@@ -0,0 +1,3 @@
+export const onboardingKeys = {
+	suggestedSites: ['suggestedSites'] as const,
+};
diff --git a/src/shared/apisV2/onboarding/onboarding.queries.ts b/src/shared/apisV2/onboarding/onboarding.queries.ts
new file mode 100644
index 00000000..c269df4e
--- /dev/null
+++ b/src/shared/apisV2/onboarding/onboarding.queries.ts
@@ -0,0 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { getSuggestedSites } from './onboarding.api';
+import { onboardingKeys } from './onboarding.keys';
+
+export const useGetSuggestedSites = () => {
+	return useQuery({
+		queryKey: onboardingKeys.suggestedSites,
+		queryFn: getSuggestedSites,
+	});
+};
diff --git a/src/shared/types/api/onboarding.ts b/src/shared/types/api/onboarding.ts
index a9ab5967..8b221158 100644
--- a/src/shared/types/api/onboarding.ts
+++ b/src/shared/types/api/onboarding.ts
@@ -1,10 +1,12 @@
+import { AllowedSiteType } from '@/shared/types/allowedSites';
+
 import { ColorPaletteType } from '../allowedService';
-import { FieldType } from '../fileds';
+import { FieldTypeMapped } from '../fileds';
 
 export interface PostInterestAreaReq {
 	name: string;
 	colorCode: ColorPaletteType;
-	interestArea: FieldType;
+	interestArea: FieldTypeMapped;
 	allowedSites: { favicon: string; siteName: string; pageName: string; siteUrl: string }[];
 }
 
@@ -12,3 +14,9 @@ export interface PostInterestAreaRes {
 	status: number;
 	message: string;
 }
+
+export interface GetSuugestedSitesRes {
+	status: number;
+	message: string;
+	data: Record<FieldTypeMapped, AllowedSiteType[]>;
+}
diff --git a/src/shared/types/fileds.ts b/src/shared/types/fileds.ts
index d38f71da..4793837b 100644
--- a/src/shared/types/fileds.ts
+++ b/src/shared/types/fileds.ts
@@ -1,3 +1,5 @@
-import { FIELDS } from '@/shared/constants/fields';
+import { FIELDS, FIELDS_MAP } from '@/shared/constants/fields';
 
 export type FieldType = (typeof FIELDS)[number];
+
+export type FieldTypeMapped = (typeof FIELDS_MAP)[FieldType];

From c5632a24606090baf5acbe935770e24f911dcb6f Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Thu, 8 May 2025 22:53:18 +0900
Subject: [PATCH 5/8] =?UTF-8?q?remove:=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?=
 =?UTF-8?q?=EC=A7=81=EC=97=85=EA=B5=B0=20=EB=B3=84=20=EC=B6=94=EC=B2=9C=20?=
 =?UTF-8?q?=EC=82=AC=EC=9D=B4=ED=8A=B8=20=EC=83=81=EC=88=98=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/constants/suggestedSites.ts | 244 -------------------------
 1 file changed, 244 deletions(-)
 delete mode 100644 src/shared/constants/suggestedSites.ts

diff --git a/src/shared/constants/suggestedSites.ts b/src/shared/constants/suggestedSites.ts
deleted file mode 100644
index 6aa42c7a..00000000
--- a/src/shared/constants/suggestedSites.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-import { FieldType } from '@/shared/types/fileds';
-
-import { AllowedSiteType } from '../types/allowedSites';
-
-// LINK: https://www.notion.so/11a97d212fa28029992bdc1bef53c766?pvs=4
-
-export const SUGGESTED_STIES: Record<FieldType, AllowedSiteType[]> = {
-	비즈니스: [
-		{
-			favicon: 'https://www.gstatic.com/trends/favicon.ico',
-			siteName: 'Google Trends',
-			pageName: 'Google Trends',
-			siteUrl: 'https://trends.google.com/trends/?geo=US',
-		},
-		{
-			favicon: 'https://trello.com/favicon.ico',
-			siteName: 'Trello',
-			pageName: 'Trello',
-			siteUrl: 'https://trello.com/en',
-		},
-		{
-			favicon: `https://a.sfdcstatic.com/shared/images/c360-nav/salesforce-no-type-logo.svg`,
-			siteName: 'Salesforce',
-			pageName: 'Salesforce Korea',
-			siteUrl: 'https://www.salesforce.com/kr/?ir=1',
-		},
-		{
-			favicon: 'https://slack.com/favicon.ico',
-			siteName: 'Slack',
-			pageName: 'Slack - 협업툴',
-			siteUrl: 'https://slack.com/intl/ko-kr/',
-		},
-		{
-			favicon: 'https://cfl.dropboxstatic.com/static/metaserver/static/images/favicon.ico',
-			siteName: 'Dropbox',
-			pageName: 'Dropbox for Business',
-			siteUrl: 'https://www.dropbox.com/business',
-		},
-	],
-	디자인: [
-		{
-			favicon: 'https://static.figma.com/uploads/b6df2735e4cb368306acf5480b50f96e69f96099',
-			siteName: '피그마',
-			pageName: 'Figma - 디자인 협업툴',
-			siteUrl: 'https://www.figma.com/',
-		},
-		{
-			favicon: 'https://unsplash.com/favicon.ico',
-			siteName: '언스플레쉬',
-			pageName: 'Unsplash',
-			siteUrl: 'https://unsplash.com/ko',
-		},
-		{
-			favicon: 'https://www.google.com/s2/favicons?domain=freepik.com&sz=128',
-			siteName: '프리픽',
-			pageName: 'Freepik',
-			siteUrl: 'https://www.freepik.com/',
-		},
-		{
-			favicon: 'https://kr.pinterest.com/favicon.ico',
-			siteName: '핀터레스트',
-			pageName: 'Pinterest',
-			siteUrl: 'https://kr.pinterest.com/',
-		},
-		{
-			favicon: 'https://a5.behance.net/37b8f834c44e77b0120ebd66481759ccebaf636d/img/site/favicon.png?cb=264615658',
-			siteName: '비핸스',
-			pageName: 'Behance',
-			siteUrl: 'https://www.behance.net/',
-		},
-		{
-			favicon: 'https://cdn-bastani.stunning.kr/static/feature/notefolioFavicon/favicon.ico',
-			siteName: '노트폴리오',
-			pageName: 'Notefolio',
-			siteUrl: 'https://notefolio.net/',
-		},
-		{
-			favicon: `https://cdn.dribbble.com/assets/favicon-192x192-d70ad402693bdd1a8460da7f9f3c590e817da7369c5287789ac968cf6947d214.png`,
-			siteName: '드리블',
-			pageName: 'Dribbble',
-			siteUrl: 'https://dribbble.com/',
-		},
-	],
-	마케팅: [
-		{
-			favicon: 'https://newneek.co/icons/android-icon-192x192.png',
-			siteName: '뉴닉',
-			pageName: 'Newneek',
-			siteUrl: 'https://newneek.co/',
-		},
-		{
-			favicon: 'https://www.careet.net/content/images/favicon.ico',
-			siteName: '캐릿',
-			pageName: 'Careet',
-			siteUrl: 'https://www.careet.net/',
-		},
-		{
-			favicon: 'https://tsn.dmcmedia.co.kr/dmcreportCDN/DMCReportFront/images/favicon.png',
-			siteName: 'DMC리포트',
-			pageName: 'DMC Report',
-			siteUrl: 'https://www.dmcreport.co.kr/',
-		},
-		{
-			favicon: 'https://www.mezzomedia.co.kr/images/favicon.ico',
-			siteName: '메조 미디어',
-			pageName: 'Mezzo Media',
-			siteUrl: 'https://www.mezzomedia.co.kr/',
-		},
-		{
-			favicon: 'https://www.nasmedia.co.kr/wp-content/themes/nasmedia/images/favicon/favicon-180.png',
-			siteName: '나스 미디어',
-			pageName: 'Nas Media',
-			siteUrl: 'https://www.nasmedia.co.kr/',
-		},
-	],
-	기획: [
-		{
-			favicon: 'https://disquiet.io/favicons/favicon-96.png',
-			siteName: '디스콰이엇',
-			pageName: 'Disquiet',
-			siteUrl: 'https://disquiet.io/',
-		},
-		{
-			favicon: 'https://brunch.co.kr/favicon.ico',
-			siteName: '브런치',
-			pageName: 'Brunch',
-			siteUrl: 'https://brunch.co.kr/',
-		},
-		{
-			favicon: 'https://www.notion.so/images/logo-ios.png',
-			siteName: '노션',
-			pageName: 'Notion',
-			siteUrl: 'https://www.notion.so/',
-		},
-		{
-			favicon: 'https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format',
-			siteName: 'Product Hunt',
-			pageName: 'Product Hunt',
-			siteUrl: 'https://www.producthunt.com/',
-		},
-		{
-			favicon: 'https://static.figma.com/uploads/b6df2735e4cb368306acf5480b50f96e69f96099',
-			siteName: '피그마',
-			pageName: 'Figma - 디자인 협업툴',
-			siteUrl: 'https://www.figma.com/',
-		},
-	],
-	개발: [
-		{
-			favicon: 'https://chatgpt.com/favicon.ico',
-			siteName: '챗지피티',
-			pageName: 'ChatGPT',
-			siteUrl: 'https://chatgpt.com/',
-		},
-		{
-			favicon: 'https://www.acmicpc.net/favicon.ico',
-			siteName: '백준',
-			pageName: 'Baekjoon Online Judge',
-			siteUrl: 'https://www.acmicpc.net/',
-		},
-		{
-			favicon: 'https://github.com/favicon.ico',
-			siteName: 'GitHub',
-			pageName: 'GitHub',
-			siteUrl: 'https://github.com/',
-		},
-		{
-			favicon: 'https://slack.com/favicon.ico',
-			siteName: 'Slack',
-			pageName: 'Slack',
-			siteUrl: 'https://slack.com/intl/ko-kr/',
-		},
-		{
-			favicon: 'https://stackoverflow.com/favicon.ico',
-			siteName: 'Stack Overflow',
-			pageName: 'Stack Overflow',
-			siteUrl: 'https://stackoverflow.com/',
-		},
-	],
-	공부: [
-		{
-			favicon: 'https://www.notion.so/images/logo-ios.png',
-			siteName: '노션',
-			pageName: 'Notion',
-			siteUrl: 'https://www.notion.so/',
-		},
-		{
-			favicon: 'https://www.copykiller.com/common/img/logo/favicon_ck_platform_32x32.png', // 더 개선 필요
-			siteName: '카피킬러라이트',
-			pageName: 'CopyKiller Lite',
-			siteUrl: 'https://www.copykiller.com/',
-		},
-		{
-			favicon: 'https://www.riss.kr/commons/images/favicon.ico',
-			siteName: 'RISS',
-			pageName: 'RISS',
-			siteUrl: 'https://www.riss.kr/',
-		},
-		{
-			favicon: 'https://drive.google.com/favicon.ico',
-			siteName: 'Google Drive',
-			pageName: 'Google Drive',
-			siteUrl: 'https://drive.google.com/',
-		},
-		{
-			favicon: 'https://meet.google.com/favicon.ico',
-			siteName: 'Google Workspace',
-			pageName: 'Google Workspace',
-			siteUrl: 'https://meet.google.com/',
-		},
-	],
-	기타: [
-		{
-			favicon: 'https://papago.naver.com/favicon.ico',
-			siteName: '네이버 파파고',
-			pageName: 'Naver Papago',
-			siteUrl: 'https://papago.naver.com/',
-		},
-		{
-			favicon: 'https://chatgpt.com/favicon.ico',
-			siteName: '챗지피티',
-			pageName: 'ChatGPT',
-			siteUrl: 'https://chatgpt.com/',
-		},
-		{
-			favicon: 'https://www.ilovepdf.com/favicon.ico',
-			siteName: 'iLovePDF',
-			pageName: 'iLovePDF',
-			siteUrl: 'https://www.ilovepdf.com/ko',
-		},
-		{
-			favicon: 'https://www.hancomdocs.com/favicon.ico',
-			siteName: 'Hancomdocs',
-			pageName: 'Hancomdocs',
-			siteUrl: 'https://www.hancomdocs.com/home',
-		},
-		{
-			favicon: 'https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico',
-			siteName: 'Gmail',
-			pageName: 'Gmail',
-			siteUrl: 'https://mail.google.com/mail/',
-		},
-	],
-};

From 447beea1be32f0139706dad3a087d61f25af7b03 Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Thu, 8 May 2025 22:58:50 +0900
Subject: [PATCH 6/8] =?UTF-8?q?style:=20=ED=97=88=EC=9A=A9=EC=84=9C?=
 =?UTF-8?q?=EB=B9=84=EC=8A=A4=20=EC=84=B8=ED=8A=B8=20->=20=ED=97=88?=
 =?UTF-8?q?=EC=9A=A9=EC=84=9C=EB=B9=84=EC=8A=A4=20=EB=A6=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20ux=20=EB=9D=BC=EC=9D=B4=ED=8C=85=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/OnboardingPage/StepService/StepService.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/OnboardingPage/StepService/StepService.tsx b/src/pages/OnboardingPage/StepService/StepService.tsx
index 7652e2c6..0cb21e95 100644
--- a/src/pages/OnboardingPage/StepService/StepService.tsx
+++ b/src/pages/OnboardingPage/StepService/StepService.tsx
@@ -159,7 +159,7 @@ const StepService = ({ setStep, selectedField }: StepServiceProps) => {
 				<Spacer.Height as="main" className="flex flex-col pb-[3rem]">
 					<h1 className="mb-[2rem] text-white title-bold-36">작업 시 사용할 서비스들을 입력해주세요</h1>
 					<p className="mb-[2.3rem] text-gray-04 subhead-reg-22">
-						필요한 서비스에만 들어가고, 나의 온전한 집중 시간을 기록할 수 있어요. 만든 허용서비스 세트는 언제든 편집할
+						필요한 서비스에만 들어가고, 나의 온전한 집중 시간을 기록할 수 있어요. 만든 허용서비스 리스트는 언제든 편집할
 						수 있어요.
 					</p>
 

From 47f408cac32677f362db6bd5ac5870e4a907d3d7 Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Fri, 9 May 2025 22:24:00 +0900
Subject: [PATCH 7/8] =?UTF-8?q?fix:=20url=20=EC=9C=A0=ED=9A=A8=EC=84=B1=20?=
 =?UTF-8?q?=EA=B2=80=EC=A6=9D=20localhost=20=EC=B6=94=EA=B0=80=20=EA=B0=80?=
 =?UTF-8?q?=EB=8A=A5=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95=20(#3?=
 =?UTF-8?q?08)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/utils/validation.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/utils/validation.ts b/src/shared/utils/validation.ts
index a80fd574..7f677972 100644
--- a/src/shared/utils/validation.ts
+++ b/src/shared/utils/validation.ts
@@ -1,5 +1,5 @@
 export const isUrlValid = (url: string): boolean => {
-	const urlPattern = /^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+(\.[a-zA-Z]{2,})+)(:\d{1,5})?(\/[\w#!:.?+=&%@!\-/]*)?$/;
+	const urlPattern = /^(https?:\/\/)?(localhost|\w+(\.\w+)+)(:\d{1,5})?(\/[\w#!:.?+=&%@!\-/]*)?$/;
 	return urlPattern.test(url);
 };
 

From 772b749d45b06392c2899a807c1e5498073b9fa7 Mon Sep 17 00:00:00 2001
From: ivoryeee <psa109@sookmyung.ac.kr>
Date: Fri, 9 May 2025 22:29:07 +0900
Subject: [PATCH 8/8] =?UTF-8?q?style:=20=ED=95=84=EC=9A=94=EC=97=86?=
 =?UTF-8?q?=EB=8A=94=20=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C=20(#308)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../StepService/AllowedServices/AllowedServices.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx b/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
index c0a6051a..ffe7c87b 100644
--- a/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
+++ b/src/pages/OnboardingPage/StepService/AllowedServices/AllowedServices.tsx
@@ -160,7 +160,7 @@ const AllowedServiceItem = ({ onClick, ...props }: AllowedServiceItemProps) => {
 				<h3 className="w-[6rem] flex-shrink-0 truncate p-0 text-white body-med-16">{props.siteName}</h3>
 			</span>
 			<div className="ml-[1rem] h-[3.1rem] w-[20.4rem] flex-shrink-0 truncate rounded-[20px] bg-gray-bg-04 px-[1rem] py-[0.6rem] text-gray-04 body-reg-16">
-				{props.siteUrl}a
+				{props.siteUrl}
 			</div>
 			<button
 				onClick={() => {