From 2f049afdfab6dca565713d0bffad7e593014a185 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=86=E1=85=B5=E1=86=AB=E1=84=92?=
 =?UTF-8?q?=E1=85=B4?= <mhl98@dgu.ac.kr>
Date: Wed, 17 Jul 2024 22:49:37 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20#11=20props=20name=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/app/test/Staging.tsx                | 4 ++--
 src/component/common/input/Input.tsx    | 6 +++---
 src/component/common/input/TextArea.tsx | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/test/Staging.tsx b/src/app/test/Staging.tsx
index d9a5f659..4b26a0de 100644
--- a/src/app/test/Staging.tsx
+++ b/src/app/test/Staging.tsx
@@ -58,12 +58,12 @@ export default function Staging() {
       <br />
       <InputLabelContainer id={"retro"}>
         <Label order={1}>회고 이름</Label>
-        <Input onChange={handleChangeName} value={layerName} maxLength={10} wordCount />
+        <Input onChange={handleChangeName} value={layerName} maxLength={10} count />
       </InputLabelContainer>
 
       <InputLabelContainer id={"description"}>
         <Label>한 줄 설명</Label>
-        <TextArea onChange={handleChangeDescription} value={description} maxLength={20} wordCount />
+        <TextArea onChange={handleChangeDescription} value={description} maxLength={20} count />
       </InputLabelContainer>
 
       <ButtonProvider>
diff --git a/src/component/common/input/Input.tsx b/src/component/common/input/Input.tsx
index b5cacfaf..21b3e5b2 100644
--- a/src/component/common/input/Input.tsx
+++ b/src/component/common/input/Input.tsx
@@ -9,10 +9,10 @@ type InputProps = {
   value: string;
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   width?: string;
-  wordCount?: boolean;
+  count?: boolean;
 } & React.InputHTMLAttributes<HTMLInputElement>;
 
-export const Input = forwardRef(function ({ id, width = "100%", wordCount, ...props }: InputProps) {
+export const Input = forwardRef(function ({ id, width = "100%", count, ...props }: InputProps) {
   const { maxLength, value } = props;
   const inputContext = useContext(InputContext);
   return (
@@ -34,7 +34,7 @@ export const Input = forwardRef(function ({ id, width = "100%", wordCount, ...pr
           {...props}
         />
         {/* FIXME - typography 컬러 넣기 !! */}
-        {wordCount && maxLength && <Typography variant="CAPTION" color={"lightGrey"}>{`${value.length}/${maxLength}`}</Typography>}
+        {count && maxLength && <Typography variant="CAPTION" color={"lightGrey"}>{`${value.length}/${maxLength}`}</Typography>}
       </div>
     </div>
   );
diff --git a/src/component/common/input/TextArea.tsx b/src/component/common/input/TextArea.tsx
index 14ac1eb4..73a13901 100644
--- a/src/component/common/input/TextArea.tsx
+++ b/src/component/common/input/TextArea.tsx
@@ -10,10 +10,10 @@ type TextAreaProps = {
   onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
   width?: string;
   height?: string;
-  wordCount?: boolean;
+  count?: boolean;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
-export const TextArea = forwardRef(function ({ id, width = "100%", height = "4.8rem", wordCount, ...props }: TextAreaProps) {
+export const TextArea = forwardRef(function ({ id, width = "100%", height = "4.8rem", count, ...props }: TextAreaProps) {
   const { maxLength, value } = props;
   const textareaContext = useContext(InputContext);
   return (
@@ -36,7 +36,7 @@ export const TextArea = forwardRef(function ({ id, width = "100%", height = "4.8
           `}
           {...props}
         />
-        {wordCount && maxLength && (
+        {count && maxLength && (
           <div
             css={css`
               align-self: flex-end;