From 8c165622921dd379b283bdcaa9318abc55d03f46 Mon Sep 17 00:00:00 2001
From: Daseul Kim <amekimm@gmail.com>
Date: Tue, 8 Oct 2024 16:49:44 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20QSelect=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=82=B4=20placeholder=20=EC=98=B5?=
 =?UTF-8?q?=EC=85=94=EB=84=90=20=EC=B2=98=EB=A6=AC=EB=A1=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Playground.jsx            |  2 +-
 src/components/common/select/QSelect.jsx | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Playground.jsx b/src/components/Playground.jsx
index ad866506..5d54c858 100644
--- a/src/components/Playground.jsx
+++ b/src/components/Playground.jsx
@@ -195,7 +195,7 @@ export default function Playground() {
           <QSelect
             value={selectedValue}
             onChange={setSelectedValue}
-            placeholder="동물을 선택하세요"
+            // placeholder="동물을 선택하세요"
             options={[
               { id: 's01', value: 'cat', name: '고양이' },
               { id: 's02', value: 'dog', name: '개' },
diff --git a/src/components/common/select/QSelect.jsx b/src/components/common/select/QSelect.jsx
index fcbbdc2c..ba89ef04 100644
--- a/src/components/common/select/QSelect.jsx
+++ b/src/components/common/select/QSelect.jsx
@@ -2,7 +2,7 @@
 
 import { useCallback } from 'react'
 
-export default function QSelect({ placeholder = '', options, disabled = false, dark = false, value, onChange }) {
+export default function QSelect({ placeholder, options, disabled = false, dark = false, value, onChange }) {
   // const options = [
   //   { id: 's01', value: 'cat', name: '고양이' },
   //   { id: 's02', value: 'dog', name: '개' },
@@ -23,9 +23,11 @@ export default function QSelect({ placeholder = '', options, disabled = false, d
         <div className="form-input">
           <div className="mb5">
             <select className={`select-light ${dark ? 'dark' : ''}`} value={value} onChange={handleChange} disabled={disabled ? true : false}>
-              <option value="" disabled hidden>
-                {placeholder}
-              </option>
+              {placeholder?.length > 0 ? (
+                <option value="" disabled hidden>
+                  {placeholder}
+                </option>
+              ) : null}
               {options.map((option) => (
                 <option key={option.name} value={option.value}>
                   {option.name}