fix: 썸네일이 보이지 않는 현상 수정 (#6)

Author: dlsrks1021

server.js

@@ -14,6 +14,7 @@ fs.writeFileSync(path.join(__dirname, 'build', 'env.js'), envFileContent);
 
 // 정적 파일 제공 (build 디렉토리)
 app.use(express.static(path.join(__dirname, 'build')));
+app.use("/images", express.static(path.join(__dirname, "public/images")));
 
 // SPA 라우팅 대응: 나머지 요청은 index.html로
 app.get('*', (req, res) => {

src/layout/game/components/QuizInfoCard.js

@@ -15,7 +15,7 @@ function QuizInfoCard({ gameSetting }) {
         <div className="relative">
           <img
             className="w-full h-64 object-cover rounded-xl"
-            src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=256&fit=crop"
+            src={gameSetting?.quiz.thumbnailUrl}
             alt="F1 race car on track with checkered flag"
           />
           <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-xl"></div>

src/pages/quiz/CreateQuiz.js

@@ -18,7 +18,7 @@ import Spinner from "../../shared/Spinner";
 const createQuizRequest = async ({ jsonData, thumbnailFile }) => {
     const formData = new FormData();
     formData.append('request', new Blob([JSON.stringify(jsonData)], { type: 'application/json' }));
-    formData.append('thumbnail', thumbnailFile); // 이미지 파일
+    formData.append('thumbnailFile', thumbnailFile); // 이미지 파일
     const response = await axios.post('/quizzes', formData, {
         headers: {
             'Content-Type': 'multipart/form-data',

src/pages/quiz/EditQuiz.js

@@ -20,7 +20,7 @@ const editQuizRequest = async ({ quizId, jsonData, thumbnailFile }) => {
     const formData = new FormData();
     formData.append('request', new Blob([JSON.stringify(jsonData)], { type: 'application/json' }));
     if (thumbnailFile) {
-        formData.append('thumbnail', thumbnailFile);
+        formData.append('thumbnailFile', thumbnailFile);
     }
     const response = await axios.put(`/quizzes/${quizId}`, formData, {
         headers: {