refactor: 이미지 최적화(webp)

Author: yejinleee

components/common/JoinSection/index.tsx

@@ -70,7 +70,7 @@ const ImageContainer = styled.div`
   width: 100%;
   height: 800px;
   border-radius: 32px;
-  background: url('/assets/images/28th/recruit_bg.png') no-repeat center;
+  background: url('/assets/images/28th/recruit_bg.webp') no-repeat center;
   background-size: cover;
 
   ${media.tablet} {
@@ -79,7 +79,7 @@ const ImageContainer = styled.div`
 
   ${media.mobile} {
     height: 580px;
-    background-image: url('/assets/images/28th/recruit_bg_mo.png');
+    background-image: url('/assets/images/28th/recruit_bg_mo.webp');
   }
 `;
 

components/home/IntroSection/Banner28th.tsx

@@ -75,7 +75,7 @@ const BannerBackgroundInner = styled.div`
   }
 
   ${media.mobile} {
-    background-image: url('/assets/images/28th/banner_home_mobile.png');
+    background-image: url('/assets/images/28th/banner_home_mobile.webp');
   }
 `;
 

components/recruit/RecruitBanner/index.tsx

@@ -92,10 +92,10 @@ const BannerImageBox = styled.div`
   position: relative;
   width: 100%;
   height: 100%;
-  background: url('/assets/images/28th/recruit_bg.png') no-repeat center/cover;
+  background: url('/assets/images/28th/recruit_bg.webp') no-repeat center/cover;
 
   ${media.mobile} {
-    background-image: url('/assets/images/28th/recruit_bg_mo.png');
+    background-image: url('/assets/images/28th/recruit_bg_mo.webp');
   }
 `;
 

database/projects/21th/artie.json

@@ -2,7 +2,7 @@
   "name": "ARTIE",
   "title": "생생한 전시 관람 기록을 남길 수 있는 전시 관람 기록 서비스 ‘ARTIE'",
   "thumbnail": "/assets/project/21_thumbnail_artie.png",
-  "content": "/assets/project/21_content_artie.png",
+  "content": "/assets/project/21_content_artie.webp",
   "tags": ["21기", "Web", "Android"],
   "team": [
     "권주희",

database/projects/24th/few.json

@@ -2,7 +2,7 @@
   "name": "Few",
   "title": "퀴즈로 뉴스레터 끝까지 읽기, few",
   "thumbnail": "/assets/project/24_thumbnail_few.png",
-  "content": ["/assets/project/24_content_few.png"],
+  "content": ["/assets/project/24_content_few.webp"],
   "tags": ["24기", "Web", "Android", "iOS"],
   "team": ["송영모", "이태영", "홍서희", "임수민", "김종준", "황지훈"],
   "field": ["Web", "Android", "iOS"],

database/projects/24th/pokit.json

@@ -2,7 +2,7 @@
   "name": "Pokit",
   "title": "흩어져 있던 링크, 포킷에 담아보세요!",
   "thumbnail": "/assets/project/24_thumbnail_pokit.png",
-  "content": ["/assets/project/24_content_pokit.png"],
+  "content": ["/assets/project/24_content_pokit.webp"],
   "tags": ["24기", "Android", "iOS"],
   "team": [
     "이준하",

database/projects/24th/wespot.json

@@ -2,7 +2,7 @@
   "name": "WeSpot",
   "title": "틴즈 소셜 플랫폼, 위스팟",
   "thumbnail": "/assets/project/24_thumbnail_wespot.png",
-  "content": ["/assets/project/24_content_wespot.png"],
+  "content": ["/assets/project/24_content_wespot.webp"],
   "tags": ["24기", "Android", "iOS"],
   "team": ["박주현", "이지호", "김재연", "정진호", "김도현"],
   "field": ["Android", "iOS"],

database/projects/25th/gradmeet.json

@@ -3,7 +3,7 @@
   "title": "그라밋",
   "thumbnail": "/assets/project/25_thumbnail_gradmeet.png",
   "content": [
-    "/assets/project/25_content_gradmeet_1.png",
+    "/assets/project/25_content_gradmeet_1.webp",
     "/assets/project/25_content_gradmeet_2.png",
     "/assets/project/25_content_gradmeet_3.png"
   ],

database/projects/25th/instead.json

@@ -4,7 +4,7 @@
   "thumbnail": "/assets/project/25_thumbnail_instead.png",
   "content": [
     "/assets/project/25_content_instead_1.png",
-    "/assets/project/25_content_instead_2.png",
+    "/assets/project/25_content_instead_2.webp",
     "/assets/project/25_content_instead_3.png"
   ],
   "tags": ["25기", "Web"],

database/projects/25th/orbit.json

@@ -6,7 +6,7 @@
     "/assets/project/25_content_orbit_1.png",
     "/assets/project/25_content_orbit_2.png",
     "/assets/project/25_content_orbit_3.png",
-    "/assets/project/25_content_orbit_4.png"
+    "/assets/project/25_content_orbit_4.webp"
   ],
   "tags": ["25기", "Android", "iOS"],
   "team": [