From d69f4f3322282356bb778ba30efa2f8be50e0025 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 15 Apr 2026 11:18:00 +0900
Subject: [PATCH] =?UTF-8?q?=ED=95=B4=EB=B0=A9=20=EA=B3=84=EC=82=B0?=
 =?UTF-8?q?=EA=B8=B0=20=EB=B3=B4=EC=8A=A4=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?png=20=E2=86=92=20webp=20=EC=A0=84=ED=99=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- data.js의 보스 이미지 확장자와 QuestSelector/ProgressBar의 URL을 webp로 변경
- QUEST_BOSS_IMAGE_BASE 경로에서 중복된 /boss 제거

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../liberation/components/ProgressBar.jsx      |  2 +-
 .../liberation/components/QuestSelector.jsx    |  4 ++--
 frontend/src/features/liberation/data.js       | 18 +++++++++---------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/features/liberation/components/ProgressBar.jsx b/frontend/src/features/liberation/components/ProgressBar.jsx
index c5a2e4d..a1d8114 100644
--- a/frontend/src/features/liberation/components/ProgressBar.jsx
+++ b/frontend/src/features/liberation/components/ProgressBar.jsx
@@ -37,7 +37,7 @@ export default function ProgressBar({ startChapter, currentPoints, completionDat
         status === 'pending' ? 'opacity-50' : ''
       }`}>
         <img
-          src={`${QUEST_BOSS_IMAGE_BASE}/${chapter.boss}.png`}
+          src={`${QUEST_BOSS_IMAGE_BASE}/${chapter.boss}.webp`}
           alt={chapter.boss}
           className={`block w-full h-full object-cover ${status === 'pending' ? 'grayscale' : ''}`}
         />
diff --git a/frontend/src/features/liberation/components/QuestSelector.jsx b/frontend/src/features/liberation/components/QuestSelector.jsx
index e47dbcd..d830980 100644
--- a/frontend/src/features/liberation/components/QuestSelector.jsx
+++ b/frontend/src/features/liberation/components/QuestSelector.jsx
@@ -32,7 +32,7 @@ export default function QuestSelector({ value, onChange }) {
       >
         <div className="w-9 h-9 rounded overflow-hidden shrink-0 bg-gray-900">
           <img
-            src={`${QUEST_BOSS_IMAGE_BASE}/${selected.boss}.png`}
+            src={`${QUEST_BOSS_IMAGE_BASE}/${selected.boss}.webp`}
             alt=""
             className="w-full h-full object-cover"
           />
@@ -70,7 +70,7 @@ export default function QuestSelector({ value, onChange }) {
               >
                 <div className="w-9 h-9 rounded overflow-hidden shrink-0 bg-gray-950">
                   <img
-                    src={`${QUEST_BOSS_IMAGE_BASE}/${chapter.boss}.png`}
+                    src={`${QUEST_BOSS_IMAGE_BASE}/${chapter.boss}.webp`}
                     alt=""
                     className="w-full h-full object-cover"
                   />
diff --git a/frontend/src/features/liberation/data.js b/frontend/src/features/liberation/data.js
index e1ddd53..ffada73 100644
--- a/frontend/src/features/liberation/data.js
+++ b/frontend/src/features/liberation/data.js
@@ -13,7 +13,7 @@ export const GENESIS_CHAPTERS = [
 ]
 
 // 퀘스트 이미지 경로 (제네시스)
-export const QUEST_BOSS_IMAGE_BASE = 'https://s3.caadiq.co.kr/maplestory/liberation/genesis/quest/boss'
+export const QUEST_BOSS_IMAGE_BASE = 'https://s3.caadiq.co.kr/maplestory/liberation/genesis/quest'
 export const QUEST_BTBOSS_IMAGE_BASE = 'https://s3.caadiq.co.kr/maplestory/liberation/genesis/quest/btboss'
 // 주간/월간 보스 초상화 (해방용)
 export const LIBERATION_BOSS_IMAGE_BASE = 'https://s3.caadiq.co.kr/maplestory/liberation/genesis/boss'
@@ -23,7 +23,7 @@ export const GENESIS_TOTAL = GENESIS_CHAPTERS.reduce((s, c) => s + c.required, 0
 // 주간 보스 (주 1회)
 export const WEEKLY_BOSSES = [
   {
-    key: 'lotus', name: '스우', image: '스우.png',
+    key: 'lotus', name: '스우', image: '스우.webp',
     difficulties: [
       { key: 'normal', label: '노말', points: 10 },
       { key: 'hard', label: '하드', points: 50 },
@@ -31,14 +31,14 @@ export const WEEKLY_BOSSES = [
     ],
   },
   {
-    key: 'damien', name: '데미안', image: '데미안.png',
+    key: 'damien', name: '데미안', image: '데미안.webp',
     difficulties: [
       { key: 'normal', label: '노말', points: 10 },
       { key: 'hard', label: '하드', points: 50 },
     ],
   },
   {
-    key: 'lucid', name: '루시드', image: '루시드.png',
+    key: 'lucid', name: '루시드', image: '루시드.webp',
     difficulties: [
       { key: 'easy', label: '이지', points: 15 },
       { key: 'normal', label: '노말', points: 20 },
@@ -46,7 +46,7 @@ export const WEEKLY_BOSSES = [
     ],
   },
   {
-    key: 'will', name: '윌', image: '윌.png',
+    key: 'will', name: '윌', image: '윌.webp',
     difficulties: [
       { key: 'easy', label: '이지', points: 15 },
       { key: 'normal', label: '노말', points: 25 },
@@ -54,21 +54,21 @@ export const WEEKLY_BOSSES = [
     ],
   },
   {
-    key: 'dusk', name: '더스크', image: '더스크.png',
+    key: 'dusk', name: '더스크', image: '더스크.webp',
     difficulties: [
       { key: 'normal', label: '노말', points: 20 },
       { key: 'chaos', label: '카오스', points: 65 },
     ],
   },
   {
-    key: 'jinhilla', name: '진 힐라', image: '진 힐라.png',
+    key: 'jinhilla', name: '진 힐라', image: '진 힐라.webp',
     difficulties: [
       { key: 'normal', label: '노말', points: 45 },
       { key: 'hard', label: '하드', points: 90 },
     ],
   },
   {
-    key: 'darknell', name: '듄켈', image: '듄켈.png',
+    key: 'darknell', name: '듄켈', image: '듄켈.webp',
     difficulties: [
       { key: 'normal', label: '노말', points: 25 },
       { key: 'hard', label: '하드', points: 75 },
@@ -79,7 +79,7 @@ export const WEEKLY_BOSSES = [
 // 월간 보스
 export const MONTHLY_BOSSES = [
   {
-    key: 'blackmage', name: '검은 마법사', image: '검은 마법사.png',
+    key: 'blackmage', name: '검은 마법사', image: '검은 마법사.webp',
     difficulties: [
       { key: 'hard', label: '하드', points: 600 },
       { key: 'extreme', label: '익스트림', points: 600 },