diff --git a/Gathering_fe/src/components/ApplyModal.tsx b/Gathering_fe/src/components/ApplyModal.tsx
index e3fdc57..9817a95 100644
--- a/Gathering_fe/src/components/ApplyModal.tsx
+++ b/Gathering_fe/src/components/ApplyModal.tsx
@@ -37,7 +37,6 @@ const ApplyModal: React.FC = () => {
   const dummySetSelectedStack = (value: string[]) => {};
 
   const handleChangeIntroduction = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    console.log(applyInfo);
     setApplyInfo({
       ...applyInfo,
       message: e.target.value
diff --git a/Gathering_fe/src/components/BannerCarousel.tsx b/Gathering_fe/src/components/BannerCarousel.tsx
index f09ad57..4ca9eaa 100644
--- a/Gathering_fe/src/components/BannerCarousel.tsx
+++ b/Gathering_fe/src/components/BannerCarousel.tsx
@@ -57,7 +57,7 @@ const EmblaCarouselComponent: React.FC<EmblaCarouselProps> = ({ options, slides
       {/* Navigation Arrows */}
       <button
         onClick={scrollPrev}
-        className="absolute left-6 top-1/2 -translate-y-1/2 z-10 bg-white/80 hover:bg-white shadow-md p-3 rounded-full transition"
+        className="hidden sm:flex absolute left-6 top-1/2 -translate-y-1/2 z-10 bg-white/80 hover:bg-white shadow-md p-3 rounded-full transition"
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -72,7 +72,7 @@ const EmblaCarouselComponent: React.FC<EmblaCarouselProps> = ({ options, slides
 
       <button
         onClick={scrollNext}
-        className="absolute right-6 top-1/2 -translate-y-1/2 z-10 bg-white/80 hover:bg-white shadow-md p-3 rounded-full transition"
+        className="hidden sm:flex absolute right-6 top-1/2 -translate-y-1/2 z-10 bg-white/80 hover:bg-white shadow-md p-3 rounded-full transition"
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
diff --git a/Gathering_fe/src/components/FilteringButton.tsx b/Gathering_fe/src/components/FilteringButton.tsx
index f70487e..a96e41a 100644
--- a/Gathering_fe/src/components/FilteringButton.tsx
+++ b/Gathering_fe/src/components/FilteringButton.tsx
@@ -15,7 +15,7 @@ const FilteringButton: React.FC<ButtonFilter> = ({ title, option, onClick, icon,
       onClick={onClick}
       style={{ willChange: 'transform' }}
       className={`
-        flex items-center space-x-2 border-solid rounded-lg border-2 px-4 py-1
+        flex items-center space-x-1 sm:space-x-2 border-solid rounded-lg border-2 px-3 py-1 sm:px-4 sm:py-1.5
         transition-all duration-300 ease-in-out hover:scale-[1.02]
         ${option ? 'border-[#3387E5] text-[#3387E5] bg-[#EAF3FF]' : 'border-[#B4B4B4] bg-white'}
         active:scale-95
diff --git a/Gathering_fe/src/components/Footer.tsx b/Gathering_fe/src/components/Footer.tsx
index 5ba4674..5f67a8c 100644
--- a/Gathering_fe/src/components/Footer.tsx
+++ b/Gathering_fe/src/components/Footer.tsx
@@ -1,12 +1,16 @@
 const Footer: React.FC = () => {
   return (
-    <div className="text-sm/8 text-center flex items-center justify-between bg-[#000000]/80 text-[14px] text-[#D9D9D9]/70 font-bold p-[70px] px-[200px]">
-      <div>
+    <div
+      className="text-center flex flex-col sm:flex-row items-center justify-center sm:justify-between 
+                    bg-[#000000]/80 text-xs sm:text-sm md:text-base text-[#D9D9D9]/70 font-bold 
+                    p-4 sm:p-6 md:p-8 lg:p-[70px] px-4 sm:px-6 md:px-10 lg:px-[200px]"
+    >
+      <div className="mb-4 sm:mb-0 text-center sm:text-left">
         <div>How to contact?</div>
         <div>Email : inhagrad2242@gmail.com</div>
       </div>
-      <hr className="w-[1px] h-24 bg-[#D9D9D9]/70 border-none" />
-      <div>
+      <hr className="hidden sm:block w-[1px] h-16 sm:h-20 md:h-24 bg-[#D9D9D9]/70 border-none mx-4 sm:mx-6 md:mx-10" />
+      <div className="text-center sm:text-right">
         <div>Copyright ⓒ 2025 Gathering Team</div>
         <div>윤종근, 최보근</div>
       </div>
diff --git a/Gathering_fe/src/components/GoogleRedirectHandler.tsx b/Gathering_fe/src/components/GoogleRedirectHandler.tsx
index 75e267a..db95c23 100644
--- a/Gathering_fe/src/components/GoogleRedirectHandler.tsx
+++ b/Gathering_fe/src/components/GoogleRedirectHandler.tsx
@@ -15,7 +15,6 @@ const GoogleRedirectHandler: React.FC = () => {
       if (code) {
         try {
           const result = await googleLogin(code);
-          console.log('googleLogin 응답', result);
           if (result?.success) {
             // showToast('로그인 되었습니다.', true);
             // setTimeout(() => {
diff --git a/Gathering_fe/src/components/Header.tsx b/Gathering_fe/src/components/Header.tsx
index 7f91960..621721a 100644
--- a/Gathering_fe/src/components/Header.tsx
+++ b/Gathering_fe/src/components/Header.tsx
@@ -5,6 +5,7 @@ import LoginModal from '@/components/LoginModal';
 import SignUpModal from '@/components/SignUpModal';
 import LogoutButton from '@/components/LogoutButton';
 import gatheringLogo from '/gathering_home.svg';
+import writeLogo from '@/assets/otherIcons/post_edit_button.png';
 
 const Header: React.FC = () => {
   const [activeModal, setActiveModal] = useState<'login' | 'signup' | null>(null);
@@ -31,17 +32,28 @@ const Header: React.FC = () => {
   return (
     <header className="pb-10">
       <div className="z-[49] fixed top-0 left-0 w-full bg-white border-b border-b-[#E7E7E7]">
-        <div className="px-24 ms-8 flex justify-between py-4 items-center">
-          <img className="cursor-pointer" src={gatheringLogo} onClick={onLogoClick} />
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8 flex justify-between py-4 items-center">
+          <img
+            className="cursor-pointer h-6 sm:h-8 md:h-10"
+            src={gatheringLogo}
+            onClick={onLogoClick}
+          />
 
-          <section className="flex items-center text-[#3f3f3f] text-[20px] font-bold space-x-4">
+          <section className="flex items-center text-[#3f3f3f] text-base sm:text-lg font-bold space-x-2 sm:space-x-4">
             <button
-              className="absolute focus:outline-none right-[360px] bg-[#3387E5] 
-              text-[16px] text-white font-bold border-solid rounded-[20px] px-4 py-1 
-              transition-all ease-in-out duration-300 hover:scale-[1.02] will-change-transform"
+              className="bg-[#3387E5] text-white font-bold border-solid rounded-[20px] 
+                         transition-all ease-in-out duration-300 hover:scale-[1.02] will-change-transform focus:outline-none
+                         flex items-center justify-center 
+                         px-0.5 py-0.5 sm:px-1.5 sm:py-1.5 md:px-4 md:py-1.5"
               onClick={onClickPostingButton}
             >
-              모집글 작성하기
+              {/* 작은 화면 (md 브레이크포인트 미만)에서 표시될 이미지 아이콘 */}
+              <span className="block md:hidden">
+                <img src={writeLogo} alt="모집글 작성" className="h-7 w-7" />{' '}
+                {/* SVG를 writeLogo 이미지로 대체 */}
+              </span>
+              {/* 중간 화면 (md 브레이크포인트 이상)에서 표시될 전체 텍스트 */}
+              <span className="hidden md:block text-sm sm:text-base">모집글 작성하기</span>
             </button>
             {/* {isLoggedIn && <button onClick={() => nav('/profile')}>프로필</button>} */}
             {isLoggedIn ? (
diff --git a/Gathering_fe/src/components/Layout.tsx b/Gathering_fe/src/components/Layout.tsx
index 7708cb6..d0c552b 100644
--- a/Gathering_fe/src/components/Layout.tsx
+++ b/Gathering_fe/src/components/Layout.tsx
@@ -24,13 +24,14 @@ const Layout: React.FC = () => {
 
   return (
     <div className="flex flex-col min-h-screen select-none">
-      {!shouldHideHeader ? <Header /> : <div className="h-[100px]" />}
+      {!shouldHideHeader ? <Header /> : <div className="h-[56px] sm:h-[64px] md:h-[72px]" />}
       <main
-        className={`flex-grow ${!shouldHideHeader ? 'pt-[72px]' : ''} min-h-[calc(150vh-72px)]`}
+        className={`flex-grow ${!shouldHideHeader ? 'pt-[56px] sm:pt-[64px] md:pt-[72px]' : ''} 
+        min-h-[calc(150vh-56px)] sm:min-h-[calc(150vh-64px)] md:min-h-[calc(150vh-72px)]`}
       >
         <Outlet />
       </main>
-      <div className="pt-[120px]" />
+      <div className="pt-20 sm:pt-24 lg:pt-32" />
       <Footer />
       {showScrollTop && (
         <button
diff --git a/Gathering_fe/src/components/MultiLevelDropdown.tsx b/Gathering_fe/src/components/MultiLevelDropdown.tsx
index 864e4c5..2cf73a7 100644
--- a/Gathering_fe/src/components/MultiLevelDropdown.tsx
+++ b/Gathering_fe/src/components/MultiLevelDropdown.tsx
@@ -53,10 +53,10 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
   };
 
   return (
-    <div className="relative inline-block text-left" ref={dropdownRef}>
+    <div className="relative inline-block text-left select-none" ref={dropdownRef}>
       <button
         type="button"
-        className={`inline-flex items-center justify-between min-w-[160px] px-4 py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none ${buttonClassName}`}
+        className={`inline-flex items-center justify-between min-w-[150px] sm:min-w-[150px] px-3 py-2 sm:px-4 sm:py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none ${buttonClassName}`}
         onClick={toggleMainDropdown}
       >
         <span className="truncate">{selectedLabel}</span> {/* 선택된 항목 텍스트 */}
@@ -72,7 +72,7 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
 
       {isMainDropdownOpen && (
         <div
-          className={`absolute ${align === 'left' ? 'left-0' : 'right-0'} mt-2 w-56 rounded-lg shadow-lg bg-white dark:bg-[#1E2028] ring-1 ring-black ring-opacity-5 animate-fadeDown`}
+          className={`absolute ${align === 'left' ? 'left-0' : 'right-0'} mt-2 w-full max-w-[160px] sm:max-w-56 rounded-lg shadow-lg bg-white dark:bg-[#1E2028] ring-1 ring-black ring-opacity-5 animate-fadeDown`}
         >
           <div className="py-1">
             <a
@@ -80,7 +80,7 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
               onClick={event => {
                 handleItemClick('전체', event);
               }}
-              className="block px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
+              className="block px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
             >
               전체
             </a>
@@ -90,7 +90,7 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
                   <a
                     href="#"
                     onClick={event => handleItemClick(item.title, event)}
-                    className="block px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
+                    className="block px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
                   >
                     {item.title}
                   </a>
@@ -101,17 +101,17 @@ const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
                     <a
                       href="#"
                       onClick={event => handleItemClick(item.title, event)}
-                      className="block px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
+                      className="block px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
                     >
                       {item.title}
                     </a>
-                    <div className="pl-4">
+                    <div className="pl-3 sm:pl-4">
                       {item.items.map(subItem => (
                         <a
                           key={subItem.id}
                           href="#"
                           onClick={event => handleItemClick(subItem.label, event)}
-                          className="block px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
+                          className="block px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
                         >
                           {subItem.label}
                         </a>
diff --git a/Gathering_fe/src/components/NicknameModal.tsx b/Gathering_fe/src/components/NicknameModal.tsx
index de25235..f2d8218 100644
--- a/Gathering_fe/src/components/NicknameModal.tsx
+++ b/Gathering_fe/src/components/NicknameModal.tsx
@@ -34,7 +34,6 @@ const NicknameModal: React.FC<NicknameModalProps> = ({ nickname }) => {
       } else {
         const result = await setMyNickname(newNickname);
         if (result?.success) {
-          console.log(nickname);
           updateProfileData({ nickname: newNickname });
           showToast('닉네임이 성공적으로 변경되었습니다.', true);
           window.location.reload();
diff --git a/Gathering_fe/src/components/OptionalDropdown.tsx b/Gathering_fe/src/components/OptionalDropdown.tsx
index 497a700..76b949d 100644
--- a/Gathering_fe/src/components/OptionalDropdown.tsx
+++ b/Gathering_fe/src/components/OptionalDropdown.tsx
@@ -81,9 +81,9 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
 
   useEffect(() => {
     if (selectedItems.length > 0) {
-      console.log('API 호출: 선택된 항목들:', selectedItems);
+      // console.log('API 호출: 선택된 항목들:', selectedItems);
     } else {
-      console.log('선택된 항목이 없습니다.');
+      // console.log('선택된 항목이 없습니다.');
     }
   }, [selectedItems]);
 
@@ -92,7 +92,7 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
       {/* 드롭다운 버튼 */}
       <button
         type="button"
-        className={`inline-flex items-center justify-between min-w-[160px] px-4 py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none ${buttonClassName}`}
+        className={`inline-flex items-center justify-between min-w-[150px] sm:min-w-[150px] px-3 py-2 sm:px-4 sm:py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none ${buttonClassName}`}
         onClick={toggleMainDropdown}
       >
         <span className="truncate">{label}</span>
@@ -109,15 +109,15 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
       {/* 드롭다운 메뉴 */}
       {isMainDropdownOpen && (
         <div
-          className={`absolute ${align === 'left' ? 'left-0' : 'right-0'} mt-2 w-[600px] rounded-lg shadow-lg bg-white dark:bg-[#1E2028] ring-1 ring-black ring-opacity-5 overflow-hidden animate-fadeDown`}
+          className={`absolute ${align === 'left' ? 'left-0' : 'right-0'} mt-2 w-[330px] sm:max-w-[450px] md:max-w-[550px] lg:w-[600px] rounded-lg shadow-lg bg-white dark:bg-[#1E2028] ring-1 ring-black ring-opacity-5 overflow-hidden animate-fadeDown`}
         >
-          <div className="grid grid-cols-[200px_200px_1fr]">
+          <div className="grid grid-cols-3">
             {/* 1단계 메뉴 */}
-            <div className="w-[200px] border-r border-gray-300 dark:border-gray-600 py-1">
+            <div className="border-r border-gray-300 dark:border-gray-600 py-1">
               {menuData.map(item => (
                 <div
                   key={item.id}
-                  className={`px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer ${
+                  className={`px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer ${
                     activeSubmenuId === item.id ? 'bg-gray-200 dark:bg-gray-700' : ''
                   }`}
                   onClick={() => {
@@ -134,14 +134,14 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
             </div>
 
             {/* 2단계 메뉴 */}
-            <div className="w-[200px] border-r border-gray-300 dark:border-gray-600 py-1">
+            <div className="border-r border-gray-300 dark:border-gray-600 py-1">
               {activeSubmenuId &&
                 menuData
                   .find(item => item.id === activeSubmenuId)
                   ?.items?.map(subItem => (
                     <div
                       key={subItem.id}
-                      className={`px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer ${
+                      className={`px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer ${
                         activeSubmenuId2 === subItem.id ? 'bg-gray-200 dark:bg-gray-700' : ''
                       }`}
                       onClick={() =>
@@ -154,7 +154,7 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
             </div>
 
             {/* 3단계 메뉴 */}
-            <div className="w-[200px] py-1">
+            <div className="py-1">
               {activeSubmenuId2 &&
                 menuData
                   .find(item => item.id === activeSubmenuId)
@@ -166,19 +166,19 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
                       <div
                         key={subItem.id}
                         onClick={() => handleItemClick(subItem.id, subItem.label)}
-                        className={`flex items-center px-4 py-2 text-sm text-black dark:text-white cursor-pointer 
-              ${
-                selectedItems.includes(subItem.id)
-                  ? 'bg-[#3387E5] text-white'
-                  : 'hover:bg-gray-100 dark:hover:bg-gray-800'
-              } // hover 효과`}
+                        className={`flex items-center px-3 py-2 text-xs sm:px-4 sm:py-2 sm:text-sm text-black dark:text-white cursor-pointer
+                          ${
+                            selectedItems.includes(subItem.id)
+                              ? 'bg-[#3387E5] text-white'
+                              : 'hover:bg-gray-100 dark:hover:bg-gray-800'
+                          }`}
                       >
                         {/* 스택 아이콘 표시 */}
                         {iconSrc && (
                           <img
                             src={iconSrc}
                             alt={subItem.label}
-                            className="w-5 h-5 mr-2 object-contain"
+                            className="w-4 h-4 mr-1 sm:w-5 sm:h-5 sm:mr-2 object-contain"
                           />
                         )}
                         {subItem.label}
@@ -198,10 +198,10 @@ const OptionalDropdown: React.FC<MultiLevelDropdownProps> = ({
                 <button
                   key={index}
                   onClick={() => handleRemoveItem(selectedItems[index])}
-                  className="flex items-center bg-blue-200 text-blue-800 px-2 py-1 rounded-full m-1 hover:bg-blue-300 transition"
+                  className="flex items-center bg-blue-200 text-blue-800 px-2 py-1 rounded-full m-1 hover:bg-blue-300 transition text-xs"
                 >
-                  <span className="text-sm">{label}</span>
-                  <span className="ml-2 text-gray-500">✕</span>
+                  <span className="text-xs sm:text-sm">{label}</span>
+                  <span className="ml-1 sm:ml-2 text-gray-500 text-xs sm:text-sm">✕</span>
                 </button>
               ))}
             </div>
diff --git a/Gathering_fe/src/components/PostItem.tsx b/Gathering_fe/src/components/PostItem.tsx
index 54b6a00..44c318a 100644
--- a/Gathering_fe/src/components/PostItem.tsx
+++ b/Gathering_fe/src/components/PostItem.tsx
@@ -47,7 +47,6 @@ const PostItem: React.FC<
     e.stopPropagation();
 
     if (closed || !projectId) {
-      console.log(authorNickname, '그리고', myProfile.nickname);
       showToast('마감된 모집 공고입니다.', false);
       return;
     }
@@ -81,7 +80,7 @@ const PostItem: React.FC<
           showToast('마감된 모집 공고입니다.', false);
         }
       }}
-      className="relative cursor-pointer select-none w-[380px] will-change-transform"
+      className="relative cursor-pointer select-none w-full sm:w-80 md:w-96 lg:w-[380px] xl:w-[380px] max-w-full mx-auto will-change-transform"
       initial={{ opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       exit={{ opacity: 0, y: -10 }}
@@ -89,7 +88,8 @@ const PostItem: React.FC<
       whileHover={{ scale: 1.03 }}
     >
       <section
-        className={`h-[420px] border-[2px] border-[#B4B4B4] bg-white rounded-[30px] relative ${closed ? 'opacity-50' : ''}`}
+        // className={`h-[420px] border-[2px] border-[#B4B4B4] bg-white rounded-[30px] relative ${closed ? 'opacity-50' : ''}`}
+        className={`h-[420px] border-[2px] border-[#B4B4B4] bg-white rounded-[30px] relative overflow-hidden ${closed ? 'opacity-50' : ''}`}
       >
         {applyStatus ? (
           <div
@@ -107,7 +107,8 @@ const PostItem: React.FC<
           </div>
         ) : (
           <label
-            className="absolute right-6 top-4 cursor-pointer"
+            // className="absolute right-6 top-4 cursor-pointer"
+            className="absolute right-6 top-4 cursor-pointer z-10"
             onClick={e => e.stopPropagation()}
           >
             <input
@@ -131,17 +132,18 @@ const PostItem: React.FC<
         )}
 
         {closed && (
-          <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
+          // <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
+          <div className="absolute inset-0 flex items-center justify-center bg-black bg-opacity-30 rounded-[30px] pointer-events-none z-20">
             <span className="text-[24px] font-semibold text-white bg-black bg-opacity-50 py-2 px-8 rounded-[30px]">
               모집 마감
             </span>
           </div>
         )}
 
-        <section className="h-[337px] px-8">
-          <div className="w-[110px] bg-[#3387E5] rounded-b-[20px] justify-items-center">
+        <section className="h-[337px] px-6 sm:px-8">
+          <div className="w-[110px] bg-[#3387E5] rounded-b-[20px] text-center">
             <div
-              className="font-semibold py-2 text-[#FFFFFF] items-center text-[20px]"
+              className="font-semibold py-2 text-[#FFFFFF] text-[20px]"
               style={{ willChange: 'transform' }}
             >
               {projectEachType.map(item =>
@@ -150,12 +152,12 @@ const PostItem: React.FC<
             </div>
           </div>
 
-          <section className="py-8 text-[#B4B4B4] text-[12px]">
+          <section className="py-8 text-[#B4B4B4] text-[12px] sm:text-sm">
             <div className="font-semibold pb-0.1">생성일 | {getStringedDate(createdAt)}</div>
             <div className="font-semibold">마감일 | {getStringedDate(deadline)}</div>
           </section>
 
-          <div className="line-clamp-2 font-semibold text-[18px] max-w-85 h-[50px] mb-6">
+          <div className="line-clamp-2 font-semibold text-lg sm:text-xl md:text-[18px] max-w-full sm:max-w-85 h-[50px] mb-6">
             {title}
           </div>
           <div className="flex flex-wrap gap-2">
@@ -165,28 +167,29 @@ const PostItem: React.FC<
               return (
                 <div
                   key={index}
-                  className="font-bold p-1 px-4 text-[14px] text-[#3387E5] bg-[#3387E5]/15 rounded-[30px] inline-block"
+                  className="font-bold p-1 px-3 text-xs sm:px-4 sm:text-[14px] xl:py-1.5 text-[#3387E5] bg-[#3387E5]/15 rounded-[30px] inline-block whitespace-nowrap"
                 >
                   {positionTitle}
                 </div>
               );
             })}
             {extraPositionsCount > 0 && (
-              <div className="font-bold p-1 px-4 text-[14px] text-[#3387E5] bg-[#3387E5]/15 rounded-[30px] inline-block">
+              <div className="font-bold p-1 px-3 text-xs sm:px-4 sm:text-[14px] xl:py-1.5 text-[#3387E5] bg-[#3387E5]/15 rounded-[30px] inline-block">
                 +{extraPositionsCount}
               </div>
             )}
           </div>
           <div className="font-semibold py-4">
-            <div className="font-semibold py-2 flex flex-wrap gap-4">
+            <div className="font-semibold py-2 flex flex-wrap gap-3 sm:gap-4">
               {visibleTechStacks.map((item, index) => {
                 const imageSrc = getStackImage(item.toUpperCase());
                 return imageSrc ? (
-                  <img key={index} src={imageSrc} alt={item} className="w-10 h-10" />
+                  <img key={index} src={imageSrc} alt={item} className="w-9 h-9 sm:w-10 sm:h-10" />
                 ) : null;
               })}
               {extraTechStacksCount > 0 && (
-                <div className="w-10 h-10 flex items-center justify-center bg-gray-200 text-[16px] font-semibold rounded-[8px]">
+                <div className="w-8 h-8 sm:w-10 sm:h-10 flex items-center justify-center bg-gray-200 text-sm sm:text-[16px] font-semibold rounded-[8px]">
+                  {' '}
                   +{extraTechStacksCount}
                 </div>
               )}
@@ -197,11 +200,13 @@ const PostItem: React.FC<
         <section className="border-t border-[#B4B4B4] flex justify-between items-center p-2 px-4">
           <div className="flex font-semibold p-4 items-center gap-4">
             <div
-              className="w-8 h-8 rounded-[30px]"
+              className="w-7 h-7 sm:w-8 sm:h-8 rounded-[30px]"
               style={{ backgroundColor: `#${profileColor}` }}
             ></div>
             {/* w-[200px] 속성을 뺐으므로 닉네임 오버플로우 오류가 발생할 수도 있음 */}
-            <div className="whitespace-nowrap truncate">{parts[0]}</div>
+            <div className="whitespace-nowrap truncate max-w-[120px] text-sm sm:text-base">
+              {parts[0]}
+            </div>
           </div>
           <div className="flex space-x-2 font-semibold text-[#000000]/30 items-center p-4">
             <div className="w-6 h-6 aspect-square">
diff --git a/Gathering_fe/src/components/PostList.tsx b/Gathering_fe/src/components/PostList.tsx
index 3bfe165..566d73c 100644
--- a/Gathering_fe/src/components/PostList.tsx
+++ b/Gathering_fe/src/components/PostList.tsx
@@ -9,7 +9,7 @@ interface PostListProps {
 const PostList: React.FC<PostListProps> = ({ data, onInterestToggle }) => {
   return (
     <div className="min-h-[700px]">
-      <div className="grid grid-cols-3 gap-10">
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
         {data.map(item => (
           <PostItem key={item.projectId} {...item} onInterestToggle={onInterestToggle} />
         ))}
diff --git a/Gathering_fe/src/components/ProjectTypeFilter.tsx b/Gathering_fe/src/components/ProjectTypeFilter.tsx
index ffa5ce7..d4fea43 100644
--- a/Gathering_fe/src/components/ProjectTypeFilter.tsx
+++ b/Gathering_fe/src/components/ProjectTypeFilter.tsx
@@ -52,7 +52,7 @@ const ProjecTypeFilter: React.FC<ProjecTypeFilterProps> = ({
   }
 
   return (
-    <div className="text-[28px] font-bold space-x-8 flex">
+    <div className="w-full text-[20px] md:text-[28px] px-4 md:px-8 font-bold flex gap-x-6 md:gap-x-8 justify-center md:justify-start  whitespace-nowrap no-scrollbar">
       {filterItems.map(item => (
         <button
           style={{ willChange: 'transform' }}
diff --git a/Gathering_fe/src/components/ProtectedRoute.tsx b/Gathering_fe/src/components/ProtectedRoute.tsx
index 6a2c965..f1c5dc4 100644
--- a/Gathering_fe/src/components/ProtectedRoute.tsx
+++ b/Gathering_fe/src/components/ProtectedRoute.tsx
@@ -30,8 +30,6 @@ const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children }) => {
   };
 
   const handleGoogle = () => {
-    console.log(import.meta.env.VITE_GOOGLE_AUTH_CLIENT_ID);
-    console.log(import.meta.env.VITE_GOOGLE_AUTH_REDIRECT_URI);
     window.location.href = `https://accounts.google.com/o/oauth2/auth?client_id=${import.meta.env.VITE_GOOGLE_AUTH_CLIENT_ID}&redirect_uri=${import.meta.env.VITE_GOOGLE_AUTH_REDIRECT_URI}&response_type=token&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile`;
     // window.location.href = `https://api.gathering.work/oauth2/authorization/google`;
     closeModal();
diff --git a/Gathering_fe/src/components/SearchBar.tsx b/Gathering_fe/src/components/SearchBar.tsx
index e579919..dd392fd 100644
--- a/Gathering_fe/src/components/SearchBar.tsx
+++ b/Gathering_fe/src/components/SearchBar.tsx
@@ -41,7 +41,7 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
       onSubmit={e => {
         e.preventDefault();
       }}
-      className="max-w-lg w-full"
+      className="w-full max-w-lg mx-auto"
     >
       <div className="flex relative">
         {/* 드롭다운 버튼 */}
@@ -51,11 +51,12 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
             e.stopPropagation();
             setIsDropdownOpen(!isDropdownOpen);
           }}
-          className="shrink-0 z-20 w-[120px] inline-flex items-center justify-between py-2.5 px-4 text-sm font-medium text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200"
+          className="shrink-0 z-20 w-[100px] sm:w-[120px] inline-flex items-center justify-between py-2 px-3 sm:py-2.5 sm:px-4 
+                     text-sm sm:text-sm font-medium text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200"
         >
           {searchOptions.find(option => option.value === searchType)?.label || '옵션 선택'}
           <svg
-            className="w-2.5 h-2.5"
+            className="w-2.5 h-2.5 ml-1"
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
             viewBox="0 0 10 6"
@@ -74,9 +75,9 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
         {isDropdownOpen && (
           <div
             ref={dropdownRef}
-            className="absolute mt-12 w-44 bg-white divide-y divide-gray-100 rounded-lg shadow-md dark:bg-gray-700 z-20 animate-fadeDown"
+            className="absolute mt-10 sm:mt-12 w-36 sm:w-44 bg-white divide-y divide-gray-100 rounded-lg shadow-md dark:bg-gray-700 z-20 animate-fadeDown"
           >
-            <ul className="py-2 text-sm text-gray-700 dark:text-gray-200">
+            <ul className="py-1.5 xl:py-2 text-sm text-gray-700 dark:text-gray-200">
               {searchOptions.map((option, index) => (
                 <li key={index}>
                   <button
@@ -84,7 +85,7 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
                       setSearchType(option.value);
                       setIsDropdownOpen(false);
                     }}
-                    className="block w-full text-left px-4 py-2 hover:bg-gray-100"
+                    className="block w-full text-left px-4 py-1 xl:py-2 hover:bg-gray-100"
                   >
                     {option.label}
                   </button>
@@ -100,7 +101,7 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
             type="search"
             value={keyword}
             onChange={e => setKeyword(e.target.value)}
-            className="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 border border-gray-300 rounded-e-lg focus:outline-none"
+            className="block p-2 w-full text-sm sm:p-2.5 text-gray-900 bg-gray-50 border border-gray-300 rounded-e-lg focus:outline-none"
             placeholder="검색어를 입력하세요..."
           />
         </div>
diff --git a/Gathering_fe/src/components/SubmenuLevel1.tsx b/Gathering_fe/src/components/SubmenuLevel1.tsx
index 2d238e3..cf13980 100644
--- a/Gathering_fe/src/components/SubmenuLevel1.tsx
+++ b/Gathering_fe/src/components/SubmenuLevel1.tsx
@@ -60,7 +60,6 @@ const SubmenuLevel1: React.FC<SubmenuLevel1Props> = ({
                   key={item.id}
                   href="#"
                   onClick={() => {
-                    console.log(item.id);
                     onItemClick(item.label);
                   }}
                   className="flex items-center px-4 py-2 text-sm text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800"
diff --git a/Gathering_fe/src/components/WorkExperienceModal.tsx b/Gathering_fe/src/components/WorkExperienceModal.tsx
index ddc68e1..396cc99 100644
--- a/Gathering_fe/src/components/WorkExperienceModal.tsx
+++ b/Gathering_fe/src/components/WorkExperienceModal.tsx
@@ -58,14 +58,12 @@ const WorkExperienceModal: React.FC<WorkExperienceModalProps> = ({ onSave }) =>
   // };
 
   const handleAddExperience = () => {
-    console.log('저장된 경험:', newExperience);
     if (
       !newExperience.activityName ||
       !newExperience.startDate ||
       !newExperience.endDate ||
       !newExperience.description
     ) {
-      console.log(newExperience);
       showToast('모든 필드를 입력해주세요.', false);
       return;
     }
diff --git a/Gathering_fe/src/contexts/ProfileStateContext.tsx b/Gathering_fe/src/contexts/ProfileStateContext.tsx
index 289d3c1..26bf669 100644
--- a/Gathering_fe/src/contexts/ProfileStateContext.tsx
+++ b/Gathering_fe/src/contexts/ProfileStateContext.tsx
@@ -34,7 +34,6 @@ export const ProfileProvider: React.FC<{ children: React.ReactNode }> = ({ child
     try {
       const result = await getMyProfile();
       if (result?.success) {
-        console.log('Profile fetched:', result.data);
         setProfile({
           nickname: result.data.nickname || '',
           introduction: result.data.introduction || '',
diff --git a/Gathering_fe/src/pages/Admin.tsx b/Gathering_fe/src/pages/Admin.tsx
index 2c8bf75..02c98be 100644
--- a/Gathering_fe/src/pages/Admin.tsx
+++ b/Gathering_fe/src/pages/Admin.tsx
@@ -79,11 +79,9 @@ const Admin: React.FC = () => {
         setUserCount(result.data.totalMemberCount);
         showToast('새로고침 되었습니다.', true);
       } else {
-        console.log(result?.message || '유저 수 조회 중 오류 발생');
         showToast('새로고침에 실패했습니다.', false);
       }
     } catch (error) {
-      console.log('유저 수 조회 실패:', error);
       showToast('새로고침에 실패했습니다.', false);
     }
   };
@@ -95,11 +93,9 @@ const Admin: React.FC = () => {
         setPostList(result.data);
         showToast('새로고침 되었습니다.', true);
       } else {
-        console.log(result?.message || '모집글 조회 중 오류 발생');
         showToast('새로고침에 실패했습니다.', false);
       }
     } catch (error) {
-      console.log('모집글 조회 실패:', error);
       showToast('새로고침에 실패했습니다.', false);
     }
   };
@@ -112,11 +108,9 @@ const Admin: React.FC = () => {
         window.location.reload();
         showToast('해당 모집글을 삭제했습니다.', true);
       } else {
-        console.log(result?.message || '모집글 삭제 중 오류 발생');
         showToast('모집글 삭제에 실패했습니다.', false);
       }
     } catch (error) {
-      console.log('모집글 삭제 실패', error);
       showToast('모집글 삭제에 실패했습니다.', false);
     } finally {
       setIsDeletingPost(false);
@@ -131,11 +125,9 @@ const Admin: React.FC = () => {
         window.location.reload();
         showToast('유저의 역할을 변경했습니다.', true);
       } else {
-        console.log(result?.message || '유저의 역할 변경 중 오류 발생');
         showToast('유저의 역할 변경에 실패했습니다.', false);
       }
     } catch (error) {
-      console.log('유저의 역할 변경 실패', error);
       showToast('유저의 역할 변경에 실패했습니다.', false);
     } finally {
       setIsChangingRole(false);
diff --git a/Gathering_fe/src/pages/Apply.tsx b/Gathering_fe/src/pages/Apply.tsx
index 91ba7e6..340c2a7 100644
--- a/Gathering_fe/src/pages/Apply.tsx
+++ b/Gathering_fe/src/pages/Apply.tsx
@@ -74,7 +74,6 @@ const Apply: React.FC = () => {
         if (projectId) {
           const result = await getMyApplication(Number(projectId));
           if (result?.success) {
-            console.log('파파파', result.data, isOwnProfile);
             setApplyInfo(result.data);
 
             setWorkExperiences(result.data.workExperiences);
diff --git a/Gathering_fe/src/pages/PostEdit.tsx b/Gathering_fe/src/pages/PostEdit.tsx
index 5d304d7..deb3390 100644
--- a/Gathering_fe/src/pages/PostEdit.tsx
+++ b/Gathering_fe/src/pages/PostEdit.tsx
@@ -224,7 +224,6 @@ const PostEdit: React.FC = () => {
               readOnly={true}
               value={startDate}
               onChange={newValue => {
-                console.log(startDate);
                 if (newValue) {
                   setStartDate(newValue);
                   setPost({ ...post, startDate: new Date(newValue.startDate || '').toISOString() });
diff --git a/Gathering_fe/src/pages/PostHome.tsx b/Gathering_fe/src/pages/PostHome.tsx
index e41b4dd..ccc9f20 100644
--- a/Gathering_fe/src/pages/PostHome.tsx
+++ b/Gathering_fe/src/pages/PostHome.tsx
@@ -53,14 +53,14 @@ const PostHome: React.FC = () => {
   });
 
   const slides = [
-    <div className="h-64 bg-blue-300 flex items-center justify-center text-3xl text-white rounded-xl">
-      Slide 1
+    <div className="h-48 sm:h-64 bg-gradient-to-r from-blue-500 to-indigo-600 flex items-center justify-center text-2xl sm:text-3xl font-bold text-white rounded-xl shadow-lg">
+      🌟 새로운 프로젝트를 시작해보세요! 🌟
     </div>,
-    <div className="h-64 bg-blue-400 flex items-center justify-center text-3xl text-white rounded-xl">
-      Slide 2
+    <div className="h-48 sm:h-64 bg-gradient-to-r from-purple-500 to-pink-600 flex items-center justify-center text-2xl sm:text-3xl font-bold text-white rounded-xl shadow-lg">
+      💡 아이디어를 공유하고 팀원을 찾아보세요! 💡
     </div>,
-    <div className="h-64 bg-blue-500 flex items-center justify-center text-3xl text-white rounded-xl">
-      Slide 3
+    <div className="h-48 sm:h-64 bg-gradient-to-r from-green-500 to-teal-600 flex items-center justify-center text-2xl sm:text-3xl font-bold text-white rounded-xl shadow-lg">
+      🚀 당신의 기술 스택을 뽐내보세요! 🚀
     </div>
   ];
 
@@ -103,7 +103,6 @@ const PostHome: React.FC = () => {
         );
         if (result?.success) {
           // showToast('모집글 조회가 완료되었습니다.', true);
-          console.log(result.data);
           setPost(result.data);
           setTotalPages(result.pagination.totalPages);
         } else {
@@ -166,30 +165,34 @@ const PostHome: React.FC = () => {
   return (
     <ProfileCacheContext.Provider value={{ profileCache }}>
       <DropdownDispatchContext.Provider value={{ setSelectedStack, setSelectedPosition }}>
-        <div className="mx-36 space-y-6">
+        <div className="container mx-auto max-w-[1400px] px-4 sm:px-6 md:px-8 lg:px-12 xl:px-16 space-y-8">
           <div className="pb-4">
             <EmblaCarouselComponent slides={slides} options={{ loop: true }} />
           </div>
-          <div className="mx-6 flex justify-between items-center pb-4">
+          <div className="flex flex-col md:flex-row md:justify-between items-start md:items-center gap-4 px-2 sm:px-0 xl:mx-4">
             <ProjecTypeFilter selectedType={selectedType} setSelectedType={setSelectedType} />
-            <div className="flex justify-end w-[600px]">
+            <div className="w-full md:w-auto md:max-w-xl flex justify-end xl:w-[600px]">
               <SearchBar onSearch={handleSearch} />
             </div>
           </div>
-          <div className="mx-4 flex justify-between items-center relative">
-            <section className="flex text-[16px] font-bold space-x-8 text-[#B4B4B4] z-10">
-              <OptionalDropdown
-                menuData={stackData}
-                label="기술 스택"
-                align="left"
-                buttonClassName="custom-button-class"
-              />
-              <MultiLevelDropdown
-                menuData={positionData}
-                label="포지션"
-                align="left"
-                buttonClassName="custom-button-class"
-              />
+          <div className="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4 relative z-10 px-0 xl:mx-4">
+            <section className="w-full flex flex-wrap mb-3 justify-center lg:justify-start gap-3 sm:gap-4 text-base font-bold text-[#B4B4B4] xl:space-x-4">
+              <div className="relative z-20">
+                <OptionalDropdown
+                  menuData={stackData}
+                  label="기술 스택"
+                  align="left"
+                  buttonClassName="custom-button-class"
+                />
+              </div>
+              <div className="relative z-20">
+                <MultiLevelDropdown
+                  menuData={positionData}
+                  label="포지션"
+                  align="left"
+                  buttonClassName="custom-button-class"
+                />
+              </div>
               <FilteringButton
                 title="관심글 모아보기"
                 option={showInterested}
@@ -198,7 +201,7 @@ const PostHome: React.FC = () => {
                 afterIcon={<img src={blueHeart} alt="BlueHeart" className="w-5 h-5" />}
               />
               <FilteringButton
-                title="모집완료 제외하기"
+                title="완료글 제외하기"
                 option={hideClosed}
                 onClick={() => setHideClosed(prev => !prev)}
                 icon={<img src={eye} alt="Eye" className="w-5 h-5" />}
@@ -212,7 +215,7 @@ const PostHome: React.FC = () => {
                 e.stopPropagation();
                 setIsDropdownOpen(!isDropdownOpen);
               }}
-              className="inline-flex items-center justify-between min-w-[160px] px-4 py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none"
+              className="inline-flex items-center justify-between w-full lg:w-auto min-w-[160px] px-4 py-2 text-sm font-medium text-black dark:text-white bg-white dark:bg-[#1E2028] border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
             >
               {sortType === '-createdAt'
                 ? '최신순'
@@ -238,7 +241,7 @@ const PostHome: React.FC = () => {
             {isDropdownOpen && (
               <div
                 ref={dropdownRef}
-                className="absolute top-full mt-2 right-0 w-44 bg-white divide-y divide-gray-100 rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 dark:bg-gray-700 z-20 animate-fadeDown"
+                className="absolute top-full mt-2 right-0 lg:left-auto lg:right-0 w-full lg:w-44 bg-white divide-y divide-gray-100 rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 dark:bg-gray-700 z-20 animate-fadeDown"
               >
                 <ul className="py-1 text-sm text-black font-bold text-gray-700 dark:text-gray-200">
                   <li>
@@ -269,7 +272,7 @@ const PostHome: React.FC = () => {
               </div>
             )}
           </div>
-          <div className="z-0 mx-4 space-y-24 pt-4">
+          <div className="z-0 space-y-24 sm:space-y-20 pt-0 px-0 xl:pt-4 xl:mx-4">
             <PostList data={displayedPosts} onInterestToggle={updatePostInterest} />
             <Pagination
               currentPage={page}
diff --git a/Gathering_fe/src/pages/Profile.tsx b/Gathering_fe/src/pages/Profile.tsx
index 18d9785..4c35794 100644
--- a/Gathering_fe/src/pages/Profile.tsx
+++ b/Gathering_fe/src/pages/Profile.tsx
@@ -79,7 +79,6 @@ const Profile: React.FC = () => {
         profileColor: info.profileColor,
         public: isPublic
       };
-      console.log(updatedInfo, workExperiences);
       const result = await setMyProfile(updatedInfo, workExperiences);
 
       if (result?.success) {
diff --git a/Gathering_fe/src/services/adminApi.tsx b/Gathering_fe/src/services/adminApi.tsx
index 9fc633b..d643289 100644
--- a/Gathering_fe/src/services/adminApi.tsx
+++ b/Gathering_fe/src/services/adminApi.tsx
@@ -5,8 +5,6 @@ export const getMembersAdmin = async () => {
   try {
     const response = await api.get(`/admin/members`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
     }
@@ -28,8 +26,6 @@ export const getPaginationAdmin = async (page: number, searchType: string, keywo
       `/admin/project/pagination?page=${page}&searchType=${searchType}&keyword=${keywordParam}`
     );
 
-    console.log('응답 데이터:', response.data.data);
-
     if (response.data.status === 200) {
       return {
         success: true,
@@ -53,7 +49,6 @@ export const getPaginationAdmin = async (page: number, searchType: string, keywo
 export const getMembersCountAdmin = async () => {
   try {
     const response = await api.get('/admin/members/count');
-    console.log('응답 데이터:', response.data.data);
 
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
@@ -91,8 +86,6 @@ export const deleteProjectAdmin = async (projectId: number) => {
   try {
     const response = await api.delete(`/admin/project/${projectId}`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message };
     }
diff --git a/Gathering_fe/src/services/applicationApi.tsx b/Gathering_fe/src/services/applicationApi.tsx
index 7ead81b..6fbbc38 100644
--- a/Gathering_fe/src/services/applicationApi.tsx
+++ b/Gathering_fe/src/services/applicationApi.tsx
@@ -5,8 +5,6 @@ export const postApplication = async (projectId: number, position: string, messa
   try {
     const response = await api.post('/application', { projectId, position, message });
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 201) {
       return { success: true, message: response.data.message };
     }
@@ -25,8 +23,6 @@ export const getOtherApplication = async (projectId: number) => {
   try {
     const response = await api.get(`/application/received/project/${projectId}`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
     }
@@ -44,9 +40,6 @@ export const getOtherApplication = async (projectId: number) => {
 export const getMyAllApplication = async (page: number, status: string) => {
   try {
     const response = await api.get(`/application/my?page=${page}&status=${status}`);
-    console.log('요청 API:', `/application/my?page=${page}&status=${status}`);
-
-    console.log('응답 데이터:', response.data.data);
 
     if (response.data.status === 200) {
       return {
@@ -75,7 +68,6 @@ export const getMyAllApplication = async (page: number, status: string) => {
 export const getMyApplication = async (projectId: number) => {
   try {
     const response = await api.get(`/application/my/project/${projectId}`);
-    console.log('응답 데이터:', response.data.data);
 
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
@@ -95,7 +87,6 @@ export const patchApplication = async (applicationId: number, status: string) =>
   try {
     const response = await api.patch(`/application/${applicationId}/status?status=${status}`);
 
-    console.log(`/application/${applicationId}/status`);
     if (response.data.status === 200) {
       return { success: true, message: response.data.message };
     }
@@ -114,8 +105,6 @@ export const deleteApplication = async (applicationId: number) => {
   try {
     const response = await api.delete(`/application/${applicationId}`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message };
     }
diff --git a/Gathering_fe/src/services/authApi.tsx b/Gathering_fe/src/services/authApi.tsx
index 0530212..e7381aa 100644
--- a/Gathering_fe/src/services/authApi.tsx
+++ b/Gathering_fe/src/services/authApi.tsx
@@ -97,7 +97,6 @@ export const googleLogin = async (accessToken: string) => {
 
     if (response.data.status === 200) {
       const { accessToken, refreshToken } = response.data.data;
-      console.log('백엔드 응답:', response.data);
       cookies.set('accessToken', accessToken, { path: '/', secure: true, sameSite: 'strict' });
       cookies.set('refreshToken', refreshToken, { path: '/', secure: true, sameSite: 'strict' });
 
diff --git a/Gathering_fe/src/services/interestApi.tsx b/Gathering_fe/src/services/interestApi.tsx
index 224868b..1423666 100644
--- a/Gathering_fe/src/services/interestApi.tsx
+++ b/Gathering_fe/src/services/interestApi.tsx
@@ -5,8 +5,6 @@ export const setInterest = async (projectId: number) => {
   try {
     const response = await api.post('/project/interest', { projectId });
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message };
     }
@@ -25,8 +23,6 @@ export const getInterestList = async (nickname: string) => {
   try {
     const response = await api.get(`/project/interest/${nickname}`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
     }
diff --git a/Gathering_fe/src/services/postApi.tsx b/Gathering_fe/src/services/postApi.tsx
index 26720c3..9397cab 100644
--- a/Gathering_fe/src/services/postApi.tsx
+++ b/Gathering_fe/src/services/postApi.tsx
@@ -4,11 +4,8 @@ import { AxiosError } from 'axios';
 
 export const setPosting = async (postInfo: PostingInfo) => {
   try {
-    console.log('보낼 데이터:', postInfo);
     const response = await api.post('/project', { ...postInfo });
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 201) {
       return { success: true, message: response.data.message };
     }
@@ -39,11 +36,6 @@ export const getAllPosting = async (
     const response = await api.get(
       `/project/pagination?page=${page}&sort=${sort}&position=${position}&techStack=${techStackParam}&type=${type}&mode=${mode}&isClosed=${isClosed}&searchType=${searchType}&keyword=${keyword}`
     );
-    console.log(
-      '요청 API:',
-      `/project/pagination?page=${page}&sort=${sort}&position=${position}&techStack=${techStackParam}&type=${type}&mode=${mode}&isClosed=${isClosed}&searchType=${searchType}&keyword=${keyword}`
-    );
-    console.log('응답 데이터:', response.data.data);
 
     if (response.data.status === 200) {
       return {
@@ -71,8 +63,6 @@ export const getPartPosting = async (id: number) => {
   try {
     const response = await api.get(`/project/${id}`);
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message, data: response.data.data };
     }
@@ -91,10 +81,7 @@ export const modifyPosting = async (id: number, postInfo: PostingInfo) => {
   try {
     const response = await api.put(`/project/${id}`, { ...postInfo });
 
-    console.log('응답 데이터:', response.data);
-
     if (response.data.status === 200) {
-      console.log('모디파이:', response.data.data);
       return { success: true, message: response.data.message, data: response.data.data };
     }
   } catch (error: unknown) {
@@ -156,11 +143,6 @@ export const getMyPosting = async (nickname: string, page: number, isClosed: boo
     const response = await api.get(
       `/project/pagination/my-project?nickname=${nicknameParam}&page=${page}&isClosed=${isClosed}`
     );
-    console.log(
-      '요청 API:',
-      `/project/pagination/my-project?nickname=${nicknameParam}&page=${page}&isClosed=${isClosed}`
-    );
-    console.log('응답 데이터:', response.data.data);
 
     if (response.data.status === 200) {
       return {
diff --git a/Gathering_fe/src/services/profileApi.tsx b/Gathering_fe/src/services/profileApi.tsx
index 79b5205..abc6a88 100644
--- a/Gathering_fe/src/services/profileApi.tsx
+++ b/Gathering_fe/src/services/profileApi.tsx
@@ -7,7 +7,6 @@ export const getMyProfile = async () => {
     const response = await api.get('/profile');
 
     if (response.data.status === 200) {
-      console.log('getMyProfile API : ', response.data.data);
       return { success: true, message: response.data.message, data: response.data.data };
     }
   } catch (error) {
@@ -37,7 +36,6 @@ export const getUserProfile = async (nickname: string) => {
     const response = await api.get(`/profile/nickname/${encodedNickname}`);
 
     if (response.data.status === 200) {
-      console.log('getUserProfile API : ', response.data.data);
       return { success: true, message: response.data.message, data: response.data.data };
     }
 
@@ -97,8 +95,6 @@ export const toggleProfileVisibility = async () => {
   try {
     const response = await api.put('/profile/visibility');
 
-    console.log(response);
-
     if (response.data.status === 200) {
       return { success: true, message: response.data.message };
     }