From c7261ae36a8d45d74803bd1e1d7f91da48359a9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Thu, 8 Aug 2024 10:25:30 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20QuizDetailCard=20input=20->=20div?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/QuizForm/QuizDetailCard.jsx    | 23 +++++--------------
 .../QuizForm/QuizDetailCard.module.css        |  7 ++----
 2 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/QuizForm/QuizDetailCard.jsx b/frontend/src/components/QuizForm/QuizDetailCard.jsx
index 7f0abdf..44f654b 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.jsx
+++ b/frontend/src/components/QuizForm/QuizDetailCard.jsx
@@ -2,7 +2,7 @@ import styles from './QuizCard.module.css';
 import { STATIC_URL } from '../../constants';
 
 export default function QuizCard({ index, question, answer, image, choices }) {
-  console.log(question, answer, image, choices);
+  // TODO: 정답 / 오답 관련 표현 필요 시 추가
   return (
     <div className={styles.card}>
       <div className={styles.header}>
@@ -20,28 +20,17 @@ export default function QuizCard({ index, question, answer, image, choices }) {
         </div>
       )}
       <label className={styles.label}>질문</label>
-      <input
-        type="text"
-        value={question}
-        className={styles.input}
-      />
+      <div className={styles.input}>{question}</div>
       <label className={styles.label}>정답</label>
-      <input
-        type="text"
-        value={answer}
-        className={styles.input}
-      />
+      <div className={styles.input}>{answer}</div>
+      <label className={styles.label}>선택지</label>
       {choices.map?.((choice, idx) => (
         <div
           className={styles.choiceDiv}
           key={idx}
         >
-          <label>선택지 {choice.num} </label>
-          <input
-            className={`${styles.input} ${styles.choiceInput}`}
-            type="text"
-            value={choice.content}
-          />
+          <label>{choice.num} </label>
+          <div className={`${styles.input} ${styles.choiceInput}`}>{choice.content}</div>
         </div>
       ))}
     </div>
diff --git a/frontend/src/components/QuizForm/QuizDetailCard.module.css b/frontend/src/components/QuizForm/QuizDetailCard.module.css
index 05cbd09..7304149 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.module.css
+++ b/frontend/src/components/QuizForm/QuizDetailCard.module.css
@@ -36,12 +36,9 @@
   height: 220px;
   margin: 10px auto;
   border-radius: 8px;
+  object-fit: contain;
   background-color: var(--background-secondary);
-  cursor: pointer;
-}
-
-.hiddenInput {
-  display: none;
+  border: 1px solid var(--background-secondary);
 }
 
 .input {