diff --git a/src/apis/auth.ts b/src/apis/auth.ts
index dce8e3fe..80671de4 100644
--- a/src/apis/auth.ts
+++ b/src/apis/auth.ts
@@ -16,7 +16,7 @@ export const postReIssueAccessToken = async (): Promise<string> => {
 };
 
 /**
- * Google OAuth2 로그인 URL로 리다이렉트
+ * Google OAuth2 로그인 요청 함수
  * - components/Onboarding/SocialLoginButton.tsx
  */
 export const redirectToGoogleLogin = () => {
@@ -36,7 +36,7 @@ export const redirectToGoogleLogin = () => {
 };
 
 /**
- * Kakao OAuth2 로그인 URL로 리다이렉트
+ * Kakao OAuth2 로그인 요청 함수
  * - components/Onboarding/SocialLoginButton.tsx
  */
 export const redirectToKakaoLogin = () => {
diff --git a/src/apis/axios.ts b/src/apis/axios.ts
index 59f10221..071bbd8e 100644
--- a/src/apis/axios.ts
+++ b/src/apis/axios.ts
@@ -2,15 +2,12 @@ import axios, { type InternalAxiosRequestConfig } from 'axios';
 import { useLocalStorage } from '../hooks/useLocalStorage';
 import { LOCAL_STORAGE_KEY } from '../constants/key';
 
-// 커스텀 인터페이스: 재시도 여부를 위한 플래그 추가
 interface CustomInternalAxiosRequestConfig extends InternalAxiosRequestConfig {
   _retry?: boolean;
 }
 
-// accessToken 재발급 요청 중복 방지를 위한 전역 변수
 let tokenReissuePromise: Promise<string> | null = null;
 
-// 기본 axios 인스턴스
 export const axiosInstance = axios.create({
   baseURL: import.meta.env.VITE_SERVER_API_URL,
   withCredentials: true,
@@ -45,46 +42,40 @@ axiosInstance.interceptors.response.use(
   async (error) => {
     const originalRequest: CustomInternalAxiosRequestConfig = error.config;
 
-    // accessToken이 만료된 경우 && 아직 재시도한 적 없는 경우
     if (error.response?.status === 401 && !originalRequest._retry) {
       originalRequest._retry = true;
 
-      // 재발급 요청 자체가 실패한 경우 → 온보딩 처음 페이지로 이동
       if (originalRequest.url?.includes('/api/token/reissue')) {
         const { removeItem } = useLocalStorage(LOCAL_STORAGE_KEY.accessToken);
-        removeItem(); // accessToken 삭제
+        removeItem();
         window.location.href = '/onboarding';
         return Promise.reject(error);
       }
 
-      // 이미 진행 중인 refresh 요청이 없으면 실행
       if (!tokenReissuePromise) {
         tokenReissuePromise = axiosInstance
           .post('/api/token/reissue', null, {
-            withCredentials: true, // 쿠키 포함 (refreshToken)
+            withCredentials: true,
           })
           .then((res) => {
             const newAccessToken = res.data.result?.accessToken;
             if (!newAccessToken) throw new Error('accessToken 발급 실패');
 
             const { setItem } = useLocalStorage(LOCAL_STORAGE_KEY.accessToken);
-            setItem(newAccessToken); // 새로운 accessToken 저장
+            setItem(newAccessToken);
 
             return newAccessToken;
           })
           .catch((err) => {
             const { removeItem } = useLocalStorage(LOCAL_STORAGE_KEY.accessToken);
-            removeItem(); // 실패 시 accessToken 삭제
+            removeItem();
             window.location.href = '/onboarding';
             return Promise.reject(err);
           })
           .finally(() => {
-            // 다음 요청에서 재시도 가능하도록 초기화
             tokenReissuePromise = null;
           });
       }
-
-      // 재발급 성공 시 -> 기존 요청에 새 accessToken 붙여서 재전송
       return tokenReissuePromise.then((newAccessToken) => {
         originalRequest.headers = originalRequest.headers || {};
         originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
diff --git a/src/components/Onboarding/CopyToClipboard.tsx b/src/components/Onboarding/CopyToClipboard.tsx
index c5e856ad..4cb518b1 100644
--- a/src/components/Onboarding/CopyToClipboard.tsx
+++ b/src/components/Onboarding/CopyToClipboard.tsx
@@ -3,29 +3,26 @@ import copy from '../../assets/icons/copy.svg';
 import speechbubblebody from '../../assets/icons/speechbubblebody.svg';
 import speechbubbletail from '../../assets/icons/speechbubbletail.svg';
 
-// props로 전달받은 inputRef를 통해 복사 대상 엘리먼트에 접근
 interface CopyToClipboardProps {
   inputRef: React.RefObject<HTMLTextAreaElement | null>;
 }
 
 const CopyToClipboard = ({ inputRef }: CopyToClipboardProps) => {
-  const [copied, setCopied] = useState(false); // 복사 완료 여부 상태
+  const [copied, setCopied] = useState(false);
 
   const handleCopy = () => {
     try {
       if (inputRef.current) {
         const textarea = inputRef.current;
-
-        // 일부 iOS 브라우저에서 select() 동작이 안 되는 이슈를 피하기 위해 readOnly로 설정
         textarea.readOnly = true;
-        textarea.select(); // 전체 텍스트 선택
+        textarea.select();
 
-        const success = document.execCommand('copy'); // 복사 시도
-        textarea.readOnly = false; // 다시 원래대로 복원
+        const success = document.execCommand('copy');
+        textarea.readOnly = false;
 
         if (success) {
-          setCopied(true); // 복사 성공 시 상태를 true로 변경 (말풍선 띄우기 위함)
-          setTimeout(() => setCopied(false), 2000); // 2초 후 다시 false로 (말풍선 사라짐)
+          setCopied(true);
+          setTimeout(() => setCopied(false), 2000);
         } else {
           alert('복사에 실패했습니다. 직접 복사해주세요.');
         }
@@ -39,19 +36,16 @@ const CopyToClipboard = ({ inputRef }: CopyToClipboardProps) => {
   return (
     <button
       onClick={handleCopy}
-      className="flex relative w-[4rem] h-[3.6rem] rounded-[0.6rem] bg-primary-blue items-center justify-center"
+      className="flex relative w-[4rem] h-[3.6rem] rounded-[0.6rem] bg-primary-blue items-center justify-center cursor-pointer"
       aria-label="클립보드에 복사"
     >
       <img src={copy} alt="Copy" className="w-[1.6rem] h-[1.6rem]" />
       {copied && (
         <div className="absolute top-[-6.2rem] w-[14.4rem] h-[6.5rem] flex flex-col items-center">
-          {/* 말풍선 바디 + 텍스트 */}
           <div className="relative w-[14.4rem] h-[4.7rem] flex items-center justify-center">
             <img src={speechbubblebody} alt="말풍선 바디" className="absolute w-full h-full" />
             <span className="z-10 text-white font-xsmall-r">복사가 완료되었습니다!</span>
           </div>
-
-          {/* 꼬리 */}
           <img
             src={speechbubbletail}
             alt="말풍선 꼬리"
diff --git a/src/components/Onboarding/InvitePwInput.tsx b/src/components/Onboarding/InvitePwInput.tsx
index 2f970108..442cdd46 100644
--- a/src/components/Onboarding/InvitePwInput.tsx
+++ b/src/components/Onboarding/InvitePwInput.tsx
@@ -1,19 +1,16 @@
 interface InvitePwInputProps {
-  inputPw: string; // 상위 컴포넌트에서 내려준 입력값 (input의 value로 사용)
-  onChange: (value: string) => void; // 입력이 변경되었을 때 상위에 전달할 함수
-  hasError: boolean; // 에러 상태
+  inputPw: string;
+  onChange: (value: string) => void;
+  hasError: boolean;
 }
 
 const InvitePwInput = ({ inputPw, onChange, hasError }: InvitePwInputProps) => {
-  // input의 값이 바뀔 때 호출되는 함수
-  // 사용자가 입력한 값을 상위 컴포넌트로 전달
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    onChange(e.target.value); // 상위 컴포넌트로 전달
+    onChange(e.target.value);
   };
 
   return (
     <div className="flex flex-col gap-[1rem]">
-      {/* 암호 입력창 */}
       <input
         type="text"
         value={inputPw}
@@ -24,7 +21,6 @@ const InvitePwInput = ({ inputPw, onChange, hasError }: InvitePwInputProps) => {
       focus:outline-none text-gray-400 placeholder:text-gray-400
       ${hasError ? 'border border-error-400 bg-gray-onboard' : 'border bg-gray-200 border-transparent'}`}
       />
-      {/* 에러 메시지 */}
       <span className={`font-xsmall-r ${hasError ? 'text-error-400' : 'text-transparent'}`}>
         입력 정보를 다시 확인하세요
       </span>
diff --git a/src/components/Onboarding/OnboardingGuard.tsx b/src/components/Onboarding/OnboardingGuard.tsx
index 5c6e94f9..defa01e2 100644
--- a/src/components/Onboarding/OnboardingGuard.tsx
+++ b/src/components/Onboarding/OnboardingGuard.tsx
@@ -1,4 +1,3 @@
-// src/components/guards/OnboardingGuard.tsx
 import { Navigate, useLocation } from 'react-router-dom';
 import onboardingSteps from '../../constants/onboardingSteps';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
@@ -11,18 +10,15 @@ const ONBOARDING_STATUS_KEY = 'onboarding-status';
 
 export default function OnboardingGuard({ children }: Props) {
   const location = useLocation();
-
   const guardedPaths = onboardingSteps.slice(1); // '/onboarding' 제외
   const needsCheck = guardedPaths.includes(location.pathname);
 
-  // 새로고침/직접입력 구분
   const navEntry = performance.getEntriesByType('navigation')[0] as
     | PerformanceNavigationTiming
     | undefined;
   const isReload = navEntry?.type === 'reload';
   const isManualNav = location.key === 'default' && !isReload;
 
-  // 필요한 순간에만 LS 조회
   const { getItem: getInviteUrl } = useLocalStorage(LOCAL_STORAGE_KEY.inviteUrl);
   const { getItem: getInvitePassword } = useLocalStorage(LOCAL_STORAGE_KEY.invitePassword);
   const { getItem: getIsInvite } = useLocalStorage(LOCAL_STORAGE_KEY.isInvite);
diff --git a/src/components/Onboarding/PageIndicator.tsx b/src/components/Onboarding/PageIndicator.tsx
index ee27c654..c03f21d3 100644
--- a/src/components/Onboarding/PageIndicator.tsx
+++ b/src/components/Onboarding/PageIndicator.tsx
@@ -1,16 +1,13 @@
-// src/components/Onboarding/PageIndicator.tsx
-
 import { useNavigate } from 'react-router-dom';
 
 interface PageIndicatorProps {
-  currentStep: number; // 현재 위치한 단계 (0부터 시작)
-  steps: string[]; // 전체 경로 배열
+  currentStep: number;
+  steps: string[];
 }
 
 const PageIndicator = ({ currentStep, steps }: PageIndicatorProps) => {
   const navigate = useNavigate();
 
-  // 이전 단계 클릭 시에만 이동 허용
   const handleClick = (stepIndex: number) => {
     if (stepIndex < currentStep) {
       navigate(steps[stepIndex]);
@@ -19,26 +16,23 @@ const PageIndicator = ({ currentStep, steps }: PageIndicatorProps) => {
 
   return (
     <div className="flex justify-center gap-[0.6rem] ">
-      {/* 로그인 단계(index 0)는 제외하고 index 1~3만 인디케이터로 표시 */}
       {steps.slice(1).map((_, idx) => {
         const stepIndex = idx + 1;
 
-        const isActive = stepIndex === currentStep; // 현재 단계 여부
-        const isPast = stepIndex < currentStep; // 이미 지난 단계 여부
+        const isActive = stepIndex === currentStep;
+        const isPast = stepIndex < currentStep;
 
-        // 바의 공통 스타일 (남색이면 길게, 회색이면 동그랗게)
         const baseStyle = `
           transition-all
           ${isActive ? 'w-[3.2rem] bg-primary-blue' : 'w-[0.8rem] bg-gray-300'}
           h-[0.8rem] rounded-full
         `;
 
-        // 마우스 커서 조건별 스타일
         const cursorStyle = isPast
-          ? 'cursor-pointer hover:opacity-80' // 이전 단계: 클릭 가능
+          ? 'cursor-pointer hover:opacity-80'
           : isActive
-            ? 'cursor-default' // 현재 단계: 기본 커서
-            : 'cursor-not-allowed'; // 다음 단계: 금지 커서
+            ? 'cursor-default'
+            : 'cursor-not-allowed';
 
         return (
           <button
diff --git a/src/components/Onboarding/PrimaryButton.tsx b/src/components/Onboarding/PrimaryButton.tsx
index 17ea32bc..5a173584 100644
--- a/src/components/Onboarding/PrimaryButton.tsx
+++ b/src/components/Onboarding/PrimaryButton.tsx
@@ -1,15 +1,13 @@
 import { useNavigate } from 'react-router-dom';
 
-// 버튼 컴포넌트가 받을 props 타입 정의
 interface PrimaryButtonProps {
-  text: string; // 버튼에 표시할 텍스트
-  to?: string; // 이동할 경로 (선택)
-  onClick?: () => void; // 클릭 시 실행할 사용자 정의 함수 (선택)
-  disabled?: boolean; // 버튼 비활성화 여부 (기본값 false)
-  className?: string; // 추가적인 커스텀 클래스 (선택)
+  text: string;
+  to?: string;
+  onClick?: () => void;
+  disabled?: boolean;
+  className?: string;
 }
 
-// PrimaryButton 컴포넌트 정의
 const PrimaryButton = ({
   text,
   to,
@@ -17,36 +15,30 @@ const PrimaryButton = ({
   disabled = false,
   className = '',
 }: PrimaryButtonProps) => {
-  const navigate = useNavigate(); // 라우팅을 위한 navigate 함수 생성
+  const navigate = useNavigate();
 
-  // 버튼 클릭 시 실행될 함수
   const handleClick = () => {
-    if (disabled) return; // 비활성화 상태면 클릭 무시
-    if (onClick) onClick(); // 사용자 정의 onClick 함수 실행
-    if (to) navigate(to); // to가 있으면 해당 경로로 이동
+    if (disabled) return;
+    if (onClick) onClick();
+    if (to) navigate(to);
   };
 
-  // 공통으로 적용되는 버튼 스타일
   const baseClass =
     'w-[40rem] h-[6.2rem] font-title-sub-r text-gray-100 text-center rounded-[0.5rem]';
-
-  // 활성화 상태일 때 배경색
   const enabledClass = 'bg-primary-blue cursor-pointer hover:opacity-90';
-
-  // 비활성화 상태일 때 배경색
   const disabledClass = 'bg-gray-300';
 
   return (
     <button
-      onClick={handleClick} // 클릭 시 handleClick 실행
-      disabled={disabled} // HTML 비활성화 속성 반영
+      onClick={handleClick}
+      disabled={disabled}
       className={`
-        ${baseClass} // 기본 스타일
-        ${disabled ? disabledClass : enabledClass} // 상태에 따라 배경색 변경
-        ${className} // 외부에서 넘긴 추가 클래스 병합
+        ${baseClass} 
+        ${disabled ? disabledClass : enabledClass} 
+        ${className}
       `}
     >
-      {text} {/* 버튼 내부에 텍스트 출력 */}
+      {text}
     </button>
   );
 };
diff --git a/src/components/Onboarding/SocialLoginButton.tsx b/src/components/Onboarding/SocialLoginButton.tsx
index 682c94cc..69865e15 100644
--- a/src/components/Onboarding/SocialLoginButton.tsx
+++ b/src/components/Onboarding/SocialLoginButton.tsx
@@ -2,14 +2,11 @@ import googlelogo from '../../assets/logos/googlelogo.png';
 import kakaologo from '../../assets/logos/kakaologo.svg';
 import { redirectToGoogleLogin, redirectToKakaoLogin } from '../../apis/auth';
 
-// 컴포넌트에 넘길 props 정의
 interface SocialLoginButtonProps {
-  provider: 'google' | 'kakao'; // 로그인 버튼 종류 (google 또는 kakao)
+  provider: 'google' | 'kakao';
 }
 
-// SocialLoginButton 컴포넌트 정의
 const SocialLoginButton = ({ provider }: SocialLoginButtonProps) => {
-  // provider에 따라 리다이렉트
   const handleClick = async () => {
     try {
       if (provider === 'google') {
@@ -22,14 +19,12 @@ const SocialLoginButton = ({ provider }: SocialLoginButtonProps) => {
     }
   };
 
-  // 구글 로그인 버튼 렌더링
   if (provider === 'google') {
     return (
       <button
         onClick={handleClick}
         className="pl-[2rem] w-[40rem] h-[6.2rem] rounded-[0.5rem] bg-gray-200 cursor-pointer hover:opacity-90"
       >
-        {/* 내부 콘텐츠 영역: 로고 + 텍스트 */}
         <div className="w-[23.3rem] flex items-center justify-between">
           <div className="w-[4.2rem] h-[4.2rem] bg-gray-200 flex items-center justify-center shrink-0">
             <img src={googlelogo} alt="Google" className="w-[1.966rem] h-[2.0553rem] shrink-0" />
@@ -40,13 +35,11 @@ const SocialLoginButton = ({ provider }: SocialLoginButtonProps) => {
     );
   }
 
-  // 카카오 로그인 버튼 렌더링
   return (
     <button
       onClick={handleClick}
       className="pl-[2rem] w-[40rem] h-[6.2rem] rounded-[0.5rem] bg-kakao-yellow cursor-pointer hover:opacity-90"
     >
-      {/* 내부 콘텐츠 영역: 로고 + 텍스트 */}
       <div className="w-[25.5rem] flex items-center justify-between">
         <img src={kakaologo} alt="Kakao" className="w-[4.2rem] h-[4.2rem]" />
         <span className="font-body-r text-gray-600">카카오톡으로 계속하기</span>
diff --git a/src/components/Onboarding/WorkspaceNameInput.tsx b/src/components/Onboarding/WorkspaceNameInput.tsx
index ec72b317..7c1b43f8 100644
--- a/src/components/Onboarding/WorkspaceNameInput.tsx
+++ b/src/components/Onboarding/WorkspaceNameInput.tsx
@@ -12,7 +12,6 @@ interface WorkspaceNameInputProps {
   setIsLocked: (v: boolean) => void;
 }
 
-// 워크스페이스 이름 입력 및 URL 생성 컴포넌트
 const WorkspaceNameInput = ({
   workspaceName,
   workspaceUrl,
@@ -25,10 +24,8 @@ const WorkspaceNameInput = ({
   const { mutateAsync: createUrl, isPending } = usePostCreateWorkspaceUrl();
 
   const handleCheck = async () => {
-    // 1) 중복 회피: 요청 진행 중이거나, 이미 URL이 있거나, 잠겨 있으면 종료
     if (isPending || workspaceUrl || isLocked) return;
 
-    // 2) 유효성 검증 실패 시 에러 표시 & 값 초기화
     const validationError = validateWorkspaceName(workspaceName);
     if (validationError) {
       setError(validationError);
@@ -37,11 +34,9 @@ const WorkspaceNameInput = ({
       return;
     }
 
-    // 3) 단일 실행: URL 생성 API 호출
     const res = await createUrl({ workspaceName });
     const url = res.result?.workspaceUrl ?? '';
 
-    // 4) 성공 처리: 값 고정 + 잠금
     setError('');
     setWorkspaceName(workspaceName);
     setWorkspaceUrl(url);
@@ -50,14 +45,12 @@ const WorkspaceNameInput = ({
 
   return (
     <div className="w-full flex flex-col items-center gap-[4.6rem] relative">
-      {/* 워크스페이스 이름 입력창 */}
       <div className="relative w-full h-[6.2rem]">
         <div
           className={`flex items-center justify-between h-full w-full rounded-[0.5rem] px-[2rem] ${
             error ? 'border border-error-400' : 'bg-gray-200'
           }`}
         >
-          {/* 워크스페이스 이름 입력 필드 */}
           <input
             type="text"
             placeholder="워크스페이스 이름"
@@ -68,8 +61,6 @@ const WorkspaceNameInput = ({
               workspaceUrl && !error ? 'text-gray-600' : 'text-gray-400'
             }`}
           />
-
-          {/* 오른쪽 체크 버튼 */}
           <button
             type="button"
             onClick={handleCheck}
@@ -80,7 +71,6 @@ const WorkspaceNameInput = ({
           </button>
         </div>
 
-        {/* 에러 메시지 (입력창 아래에 고정, 조건부 빨간색) */}
         {error ? (
           <p
             className="absolute mt-[1rem] font-xsmall-r text-error-400"
@@ -94,7 +84,6 @@ const WorkspaceNameInput = ({
         )}
       </div>
 
-      {/* 워크스페이스 URL 표시 (readOnly) */}
       <input
         type="text"
         placeholder="워크스페이스 URL"
diff --git a/src/constants/onboardingSteps.ts b/src/constants/onboardingSteps.ts
index d62a7449..bc8f72d0 100644
--- a/src/constants/onboardingSteps.ts
+++ b/src/constants/onboardingSteps.ts
@@ -1,10 +1,8 @@
-// src/constants/onboardingSteps.ts
-
 const onboardingSteps = [
-  '/onboarding', // index = 0
-  '/onboarding/workspace', // index = 1
-  '/onboarding/invite', // index = 2
-  '/onboarding/fin', // index = 3
+  '/onboarding',
+  '/onboarding/workspace',
+  '/onboarding/invite',
+  '/onboarding/fin',
 ];
 
 export default onboardingSteps;
diff --git a/src/hooks/useLocalStorage.ts b/src/hooks/useLocalStorage.ts
index de366679..5675d83c 100644
--- a/src/hooks/useLocalStorage.ts
+++ b/src/hooks/useLocalStorage.ts
@@ -1,11 +1,4 @@
-/**
- * 로컬스토리지(localStorage)를 쉽게 사용하기 위한 커스텀 훅
- * - key를 인자로 받아 해당 key에 대해 set/get/remove 기능을 제공
- * - JSON 변환 없이 문자열 그대로 저장하고 불러옴
- */
-
 export const useLocalStorage = (key: string) => {
-  // localStorage에 문자열 저장
   const setItem = (value: string) => {
     try {
       window.localStorage.setItem(key, value);
@@ -13,8 +6,6 @@ export const useLocalStorage = (key: string) => {
       console.error('localStorage setItem error:', error);
     }
   };
-
-  // localStorage에서 문자열 불러오기
   const getItem = (): string | null => {
     try {
       return window.localStorage.getItem(key);
@@ -23,8 +14,6 @@ export const useLocalStorage = (key: string) => {
       return null;
     }
   };
-
-  // localStorage에서 해당 key 삭제
   const removeItem = () => {
     try {
       window.localStorage.removeItem(key);
diff --git a/src/pages/onboarding/InviteLoading.tsx b/src/pages/onboarding/InviteLoading.tsx
index cbaed70f..8a9656d5 100644
--- a/src/pages/onboarding/InviteLoading.tsx
+++ b/src/pages/onboarding/InviteLoading.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/InviteLoading.tsx
-// 초대 받은 사용자를 위한 리다이렉트 페이지
 import { useEffect } from 'react';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
@@ -7,9 +5,9 @@ import { LOCAL_STORAGE_KEY } from '../../constants/key';
 import LoadingSpinner from '../../components/LoadingSpinner';
 
 const InviteLoading = () => {
-  const { workspaceName } = useParams(); // URL 파라미터 추출
-  const [searchParams] = useSearchParams(); // URL query parameter
-  const token = searchParams.get('token'); // token 값 추출
+  const { workspaceName } = useParams();
+  const [searchParams] = useSearchParams();
+  const token = searchParams.get('token');
 
   const navigate = useNavigate();
   const { setItem: setWorkspaceName } = useLocalStorage(LOCAL_STORAGE_KEY.workspaceName);
diff --git a/src/pages/onboarding/OnboardingCreateWorkspace.tsx b/src/pages/onboarding/OnboardingCreateWorkspace.tsx
index 7fd638db..1f94f770 100644
--- a/src/pages/onboarding/OnboardingCreateWorkspace.tsx
+++ b/src/pages/onboarding/OnboardingCreateWorkspace.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/OnboardingCreateWorkspace.tsx
-
 import PageIndicator from '../../components/Onboarding/PageIndicator';
 import onboardingSteps from '../../constants/onboardingSteps';
 import PrimaryButton from '../../components/Onboarding/PrimaryButton';
@@ -17,7 +15,6 @@ const OnboardingCreateWorkspace = () => {
   const { mutateAsync } = usePostCreateWorkspace();
 
   const handleButtonClick = async () => {
-    // 이미 한 번 성공했다면: 재요청 없이 바로 이동
     if (workspaceCreated) {
       navigate('/onboarding/invite');
       return;
@@ -34,9 +31,7 @@ const OnboardingCreateWorkspace = () => {
 
   return (
     <div className="flex flex-col items-center gap-[3.2rem]">
-      {/* 인디케이터 */}
       <PageIndicator currentStep={1} steps={onboardingSteps} />
-      {/* 본문 */}
       <div className="flex flex-col items-center gap-[5rem]">
         <div className="flex flex-col text-center gap-[1rem]">
           <h1 className="font-bigtitle-b text-primary-blue">새 워크스페이스 생성하기</h1>
@@ -44,8 +39,6 @@ const OnboardingCreateWorkspace = () => {
             팀이 함께 일하며 이슈들을 공유하는 환경이에요
           </p>
         </div>
-
-        {/* 워크스페이스 이름 & 워크스페이스 URL */}
         <WorkspaceNameInput
           workspaceName={workspaceName}
           workspaceUrl={workspaceUrl}
@@ -54,8 +47,6 @@ const OnboardingCreateWorkspace = () => {
           setWorkspaceUrl={setWorkspaceUrl}
           setIsLocked={setIsLocked}
         />
-
-        {/* 워크스페이스 생성하기 버튼 */}
         <PrimaryButton
           text="워크스페이스 생성하기"
           disabled={!workspaceUrl}
diff --git a/src/pages/onboarding/OnboardingError404NotFound.tsx b/src/pages/onboarding/OnboardingError404NotFound.tsx
index 7175e41e..ed88f39f 100644
--- a/src/pages/onboarding/OnboardingError404NotFound.tsx
+++ b/src/pages/onboarding/OnboardingError404NotFound.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/OnboardingError404NotFound.tsx
-
 import { useNavigate } from 'react-router-dom';
 import PrimaryButton from '../../components/Onboarding/PrimaryButton';
 
@@ -10,7 +8,6 @@ const OnboardingError404NotFound = () => {
     <div className="min-h-screen flex flex-col items-center justify-center bg-gray-onboard">
       <div className="h-[42rem] flex flex-col justify-end">
         <div className="flex flex-col items-center gap-[10.8rem]">
-          {/* 에러 문구 */}
           <div className="flex flex-col gap-[3.2rem] text-center">
             <h2 className="font-bigtitle-b text-gray-600">404</h2>
             <h3 className="font-title-sub-r text-gray-600">
@@ -18,7 +15,6 @@ const OnboardingError404NotFound = () => {
               <br /> 요청하신 페이지가 사라졌거나, 잘못된 경로로 이용하셨어요!
             </h3>
           </div>
-          {/* 돌아가기 버튼 */}
           <PrimaryButton text="돌아가기" onClick={() => navigate(-1)} />
         </div>
       </div>
diff --git a/src/pages/onboarding/OnboardingFinish.tsx b/src/pages/onboarding/OnboardingFinish.tsx
index 13e6e932..da98b499 100644
--- a/src/pages/onboarding/OnboardingFinish.tsx
+++ b/src/pages/onboarding/OnboardingFinish.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/OnboardingFinish.tsx
-
 import vecologo from '../../assets/logos/vecologo.svg';
 import PageIndicator from '../../components/Onboarding/PageIndicator';
 import onboardingSteps from '../../constants/onboardingSteps';
@@ -8,22 +6,17 @@ import PrimaryButton from '../../components/Onboarding/PrimaryButton';
 const OnboardingFinish = () => {
   return (
     <div className="flex flex-col items-center gap-[3.2rem]">
-      {/* 인디케이터 */}
       <PageIndicator currentStep={3} steps={onboardingSteps} />
-      {/* 본문 */}
       <div className="flex flex-col items-center gap-[11.4rem]">
         <div className="flex flex-col gap-[3.2rem]">
-          {/* 백호 로고 & 백호 텍스트 */}
           <div className="flex flex-col items-center gap-[1.6rem]">
             <img src={vecologo} alt="Veco" className="w-[12.2rem] h-[11.1726rem]" />
             <h2 className="font-title-b text-primary-blue">Veco</h2>
           </div>
-          {/* 툴 소개 문구 */}
           <h1 className="min-w-max px-5 font-bigtitle-b text-gray-600">
             속도의 관성을 유지하여 목표를 달성하는 협업툴
           </h1>
         </div>
-        {/* 지금 시작하기 버튼 */}
         <PrimaryButton text="지금 시작하기" to="/workspace/complete" />
       </div>
     </div>
diff --git a/src/pages/onboarding/OnboardingInviteMember.tsx b/src/pages/onboarding/OnboardingInviteMember.tsx
index c586f276..163359fb 100644
--- a/src/pages/onboarding/OnboardingInviteMember.tsx
+++ b/src/pages/onboarding/OnboardingInviteMember.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/OnboardingInviteMember.tsx
-
 import { useRef, useState, useEffect } from 'react';
 import CopyToClipboard from '../../components/Onboarding/CopyToClipboard';
 import PageIndicator from '../../components/Onboarding/PageIndicator';
@@ -10,8 +8,6 @@ import { useLocalStorage } from '../../hooks/useLocalStorage';
 
 const OnboardingInviteMember = () => {
   const [inviteText, setInviteText] = useState('');
-
-  // 텍스트 영역의 DOM 요소에 접근하기 위한 ref (복사 기능용)
   const inputRef = useRef<HTMLTextAreaElement>(null);
 
   const { getItem: getInviteUrl } = useLocalStorage(LOCAL_STORAGE_KEY.inviteUrl);
@@ -27,29 +23,23 @@ const OnboardingInviteMember = () => {
 
   return (
     <div className="flex flex-col items-center gap-[3.2rem]">
-      {/* 인디케이터 */}
       <PageIndicator currentStep={2} steps={onboardingSteps} />
-      {/* 본문 */}
       <div className="flex flex-col items-center gap-[7.3rem]">
         <div className="flex flex-col items-center gap-[3.2rem]">
-          {/* 초대 문구 */}
           <div className="flex flex-col text-center gap-[1rem]">
             <h1 className="font-bigtitle-b text-primary-blue">팀원 초대</h1>
             <p className="font-title-sub-r text-gray-600">팀원을 {getName()}님의 팀에 초대해봐요</p>
           </div>
           <div className="flex items-start gap-[1rem]">
-            {/* 입력창 */}
             <textarea
               ref={inputRef}
               value={inviteText}
               readOnly
               className="cursor-default select-none bg-gray-200 text-gray-600 w-[35rem] h-[16.7rem] rounded-[0.5rem] px-[2rem] py-[1.8rem] font-xsmall-r focus:outline-none resize-none"
             />
-            {/* 복사 버튼 */}
             <CopyToClipboard inputRef={inputRef} />
           </div>
         </div>
-        {/* 팀원 초대 완료 버튼 */}
         <PrimaryButton text="팀원 초대 완료" to="/onboarding/fin" />
       </div>
     </div>
diff --git a/src/pages/onboarding/OnboardingSSOLogin.tsx b/src/pages/onboarding/OnboardingSSOLogin.tsx
index 62d2f90d..52967707 100644
--- a/src/pages/onboarding/OnboardingSSOLogin.tsx
+++ b/src/pages/onboarding/OnboardingSSOLogin.tsx
@@ -1,32 +1,24 @@
-// src/pages/onboarding/OnboardingSSOLogin.tsx
-
 import vecologo from '../../assets/logos/vecologo.svg';
 import SocialLoginButton from '../../components/Onboarding/SocialLoginButton';
 
 const OnboardingSSOLogin = () => {
   return (
     <div className="flex flex-col items-center gap-[3.2rem]">
-      {/* 백호 로고 & 백호 텍스트*/}
       <div className="flex flex-col items-center gap-[1.6rem]">
         <img src={vecologo} alt="Veco" className="w-[12.2rem] h-[11.1726rem]" />
         <h2 className="font-title-b text-primary-blue">Veco</h2>
       </div>
-      {/* "나의 작업실을 생성해봐요" 문구 */}
       <h1 className="font-body-r text-gray-600">나의 작업실을 생성해봐요</h1>
-      {/* 소셜 로그인 버튼 영역 */}
       <div className="flex flex-col items-center gap-[1.6rem]">
         <SocialLoginButton provider="google" />
         <SocialLoginButton provider="kakao" />
       </div>
-      {/* 하단 이용약관 + 밑줄 */}
       <div
         className="flex flex-col cursor-pointer"
-        onClick={() =>
-          window.open(
-            'https://pretty-tumbleweed-40b.notion.site/2442d37cca1180959688e0343ab6bd96',
-            '_self'
-          )
-        }
+        onClick={() => {
+          window.location.href =
+            'https://pretty-tumbleweed-40b.notion.site/2442d37cca1180959688e0343ab6bd96';
+        }}
       >
         <p className="font-body-r text-gray-400">이용약관 & 데이터 처리 동의</p>
         <hr className="bg-gray-400 h-[0.1rem] border-none shrink-0" />
diff --git a/src/pages/onboarding/ParticipateWorkspaceInputPw.tsx b/src/pages/onboarding/ParticipateWorkspaceInputPw.tsx
index c282fbbf..e5c6dd82 100644
--- a/src/pages/onboarding/ParticipateWorkspaceInputPw.tsx
+++ b/src/pages/onboarding/ParticipateWorkspaceInputPw.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/ParticipateWorkspaceInputPw.tsx
-
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import vecocirclenavy from '../../assets/logos/veco-circle-logo-bg-navy.svg';
@@ -10,19 +8,17 @@ import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { usePostJoinWorkspace } from '../../apis/workspace/usePostJoinWorkspace';
 
 const ParticipateWorkspaceInputPw = () => {
-  const [inputPw, setInputPw] = useState(''); // 사용자 입력 코드 상태
-  const [hasError, setHasError] = useState(false); // 사용자 입력 코드 에러 상태
+  const [inputPw, setInputPw] = useState('');
+  const [hasError, setHasError] = useState(false);
   const [lastTriedPw, setLastTriedPw] = useState<string | null>(null);
-  const navigate = useNavigate(); // 페이지 이동을 위한 훅
+  const navigate = useNavigate();
 
   const { getItem: getInviteToken } = useLocalStorage(LOCAL_STORAGE_KEY.token);
   const { getItem: getWorkspaceName } = useLocalStorage(LOCAL_STORAGE_KEY.workspaceName);
 
   const { mutate, isPending } = usePostJoinWorkspace();
 
-  // 입장하기 버튼 클릭 시 처리 로직
   const handleClick = () => {
-    // 요청 중 or 직전 실패값 그대로일경우 요청 보내지 않음
     if (isPending || (hasError && lastTriedPw === inputPw)) return;
     setLastTriedPw(inputPw);
     mutate(
@@ -45,16 +41,12 @@ const ParticipateWorkspaceInputPw = () => {
   return (
     <div className="flex flex-col gap-[6.9rem]">
       <div className="flex flex-col items-center gap-[3.2rem]">
-        {/* 원형 로고 */}
         <img src={vecocirclenavy} alt="Veco" className="w-[10rem] h-[10rem]" />
-        {/* 초대 문구 */}
         <h2 className="font-title-b text-gray-600">
           {getWorkspaceName()} 워크스페이스에 초대합니다.
         </h2>
-        {/* 암호 입력란 */}
         <InvitePwInput inputPw={inputPw} onChange={setInputPw} hasError={hasError} />
       </div>
-      {/* 입장하기 버튼 */}
       <PrimaryButton text="입장하기" onClick={handleClick} />
     </div>
   );
diff --git a/src/pages/onboarding/TokenLoading.tsx b/src/pages/onboarding/TokenLoading.tsx
index e2bcaa3e..533f8a3d 100644
--- a/src/pages/onboarding/TokenLoading.tsx
+++ b/src/pages/onboarding/TokenLoading.tsx
@@ -1,5 +1,3 @@
-// src/pages/onboarding/TokenLoading.tsx
-// accessToken 저장 및 워크스페이스 조회하는 리다이렉트 페이지
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { postReIssueAccessToken } from '../../apis/auth';
diff --git a/src/pages/setting/components/modal/ModalButton.tsx b/src/pages/setting/components/modal/ModalButton.tsx
index b7404505..f225fcbc 100644
--- a/src/pages/setting/components/modal/ModalButton.tsx
+++ b/src/pages/setting/components/modal/ModalButton.tsx
@@ -8,7 +8,7 @@ interface ModalButtonProps {
 const ModalButton = (props: ModalButtonProps) => {
   return (
     <button
-      className={`py-[0.8rem] disabled:bg-gray-300 bg-primary-blue font-small-b text-gray-200 rounded-[0.6rem] ${props.className}`}
+      className={`py-[0.8rem] disabled:bg-gray-300 bg-primary-blue font-small-b text-gray-200 rounded-[0.6rem] cursor-pointer ${props.className}`}
       onClick={props.onClick}
       disabled={props.disabled}
     >
diff --git a/src/types/workspace.ts b/src/types/workspace.ts
index 06dff708..f0706a98 100644
--- a/src/types/workspace.ts
+++ b/src/types/workspace.ts
@@ -1,9 +1,9 @@
 import type { CommonResponse } from './common';
 
 // 워크스페이스 생성
-export interface CreateWorkspaceRequest {
+export type CreateWorkspaceRequest = {
   workspaceName: string;
-}
+};
 
 export type CreateWorkspaceResponse = CommonResponse<{
   workspaceId: number;
@@ -16,19 +16,19 @@ export type CreateWorkspaceResponse = CommonResponse<{
 }>;
 
 // 워크스페이스 URL 생성
-export interface CreateWorkspaceUrlRequest {
+export type CreateWorkspaceUrlRequest = {
   workspaceName: string;
-}
+};
 
 export type CreateWorkspaceUrlResponse = CommonResponse<{
   workspaceUrl: string;
 }>;
 
 // 워크스페이스 참여
-export interface JoinWorkspaceRequest {
+export type JoinWorkspaceRequest = {
   token: string;
   password: string;
-}
+};
 
 export type JoinWorkspaceResponse = CommonResponse<{
   workspaceId: number;
diff --git a/src/utils/validateInviteUrl.tsx b/src/utils/validateInviteUrl.tsx
index ad959a04..e9393234 100644
--- a/src/utils/validateInviteUrl.tsx
+++ b/src/utils/validateInviteUrl.tsx
@@ -1,4 +1,3 @@
-// src/utils/validateInviteUrl.ts
 export const validateInviteUrl = (url?: string | null): boolean => {
   if (!url) return false;
   try {
diff --git a/src/utils/validateWorkspaceName.ts b/src/utils/validateWorkspaceName.ts
index f3128bfd..9fb51694 100644
--- a/src/utils/validateWorkspaceName.ts
+++ b/src/utils/validateWorkspaceName.ts
@@ -1,4 +1,3 @@
-// 워크스페이스 이름 유효성 검사 함수
 type Validator = (name: string, firstChar: string) => string | null;
 
 const KOREAN = /[가-힣]/;
@@ -7,19 +6,16 @@ const NON_ALNUM = /[^A-Za-z0-9]/;
 const ALNUM_SPACE = /^[A-Za-z0-9 ]+$/;
 
 const validators: Validator[] = [
-  // 1) 길이
   (name) =>
     name.length < 4 || name.length > 10
       ? '워크스페이스 이름은 4자 이상 10자 이하의 영문 또는 숫자여야 합니다.'
       : null,
 
-  // 2) 첫 글자: 한글/숫자/특수문자 금지 + 영문 시작
   (_, fc) => (KOREAN.test(fc) ? '워크스페이스 이름은 한글로 시작할 수 없습니다.' : null),
   (_, fc) => (/[0-9]/.test(fc) ? '워크스페이스 이름은 숫자로 시작할 수 없습니다.' : null),
   (_, fc) => (NON_ALNUM.test(fc) ? '워크스페이스 이름은 특수문자로 시작할 수 없습니다.' : null),
   (_, fc) => (!START_ALPHA.test(fc) ? '워크스페이스 이름은 영문으로 시작해야 합니다.' : null),
 
-  // 3) 전체 문자열 제약
   (name) => (KOREAN.test(name) ? '워크스페이스 이름에 한글은 사용할 수 없습니다.' : null),
   (name) =>
     !ALNUM_SPACE.test(name) ? '워크스페이스 이름은 영문, 숫자, 공백만 사용할 수 있습니다.' : null,
@@ -29,7 +25,7 @@ const validators: Validator[] = [
 
 export const validateWorkspaceName = (raw: string): string | null => {
   const name = String(raw ?? '');
-  const firstChar = name[0] ?? ''; // 빈 문자열일 때도 안전
+  const firstChar = name[0] ?? '';
 
   for (const v of validators) {
     const msg = v(name, firstChar);