From ad2d2ea72d7c04a0f5f31ccac2f860fd73616063 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=A7=84=ED=98=B8?= <rlawlsgh1227@gmail.com>
Date: Wed, 16 Oct 2024 09:54:22 +0900
Subject: [PATCH] =?UTF-8?q?style:=20label=20=3D>=20ariaLabel=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EC=88=98=EB=AA=85=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/NumberKeyboard/Keypad.tsx      |  6 +--
 .../NumberKeyboard/NumberKeyboard.tsx         |  4 +-
 .../components/NumberKeyboard/keypads.ts      | 50 +++++++++----------
 3 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/client/src/components/Design/components/NumberKeyboard/Keypad.tsx b/client/src/components/Design/components/NumberKeyboard/Keypad.tsx
index 3891e623..6445908d 100644
--- a/client/src/components/Design/components/NumberKeyboard/Keypad.tsx
+++ b/client/src/components/Design/components/NumberKeyboard/Keypad.tsx
@@ -7,16 +7,16 @@ import {Text, useTheme} from '@components/Design';
 
 interface Props {
   value: string;
-  label: string;
+  ariaLabel?: string;
   onClick: () => void;
   disabled?: boolean;
 }
 
-export function Keypad({value, label, onClick, disabled = false}: Props) {
+export function Keypad({value, ariaLabel, onClick, disabled = false}: Props) {
   const {theme} = useTheme();
   return (
     <button
-      aria-label={label}
+      aria-label={ariaLabel}
       css={css`
         display: flex;
         justify-content: center;
diff --git a/client/src/components/Design/components/NumberKeyboard/NumberKeyboard.tsx b/client/src/components/Design/components/NumberKeyboard/NumberKeyboard.tsx
index ba4bde09..0b3c36a2 100644
--- a/client/src/components/Design/components/NumberKeyboard/NumberKeyboard.tsx
+++ b/client/src/components/Design/components/NumberKeyboard/NumberKeyboard.tsx
@@ -64,11 +64,11 @@ export default function NumberKeyboard({type, maxNumber, initialValue, onChange}
           </Button>
         </div>
       )}
-      {(type === 'amount' ? amountKeypads : numberKeypads).map(({keypad, label}) => (
+      {(type === 'amount' ? amountKeypads : numberKeypads).map(({keypad, ariaLabel}) => (
         <Keypad
           key={keypad}
           value={keypad}
-          label={label}
+          ariaLabel={ariaLabel}
           disabled={keypad === ''}
           onClick={keypad === '<-' ? onClickDelete : () => onClickKeypad(keypad)}
         />
diff --git a/client/src/components/Design/components/NumberKeyboard/keypads.ts b/client/src/components/Design/components/NumberKeyboard/keypads.ts
index 968acdb5..1ea4c327 100644
--- a/client/src/components/Design/components/NumberKeyboard/keypads.ts
+++ b/client/src/components/Design/components/NumberKeyboard/keypads.ts
@@ -1,105 +1,105 @@
 type Keypad = {
   keypad: string;
-  label: string;
+  ariaLabel: string;
 };
 
 export const amountKeypads: Keypad[] = [
   {
     keypad: '1',
-    label: '1',
+    ariaLabel: '1',
   },
   {
     keypad: '2',
-    label: '2',
+    ariaLabel: '2',
   },
   {
     keypad: '3',
-    label: '3',
+    ariaLabel: '3',
   },
   {
     keypad: '4',
-    label: '4',
+    ariaLabel: '4',
   },
   {
     keypad: '5',
-    label: '5',
+    ariaLabel: '5',
   },
   {
     keypad: '6',
-    label: '6',
+    ariaLabel: '6',
   },
   {
     keypad: '7',
-    label: '7',
+    ariaLabel: '7',
   },
   {
     keypad: '8',
-    label: '8',
+    ariaLabel: '8',
   },
   {
     keypad: '9',
-    label: '9',
+    ariaLabel: '9',
   },
   {
     keypad: '00',
-    label: '0 2개 버튼',
+    ariaLabel: '0 2개 버튼',
   },
   {
     keypad: '0',
-    label: '0',
+    ariaLabel: '0',
   },
   {
     keypad: '<-',
-    label: '직전 입력 지우기',
+    ariaLabel: '직전 입력 지우기',
   },
 ];
 export const numberKeypads: Keypad[] = [
   {
     keypad: '1',
-    label: '1',
+    ariaLabel: '1',
   },
   {
     keypad: '2',
-    label: '2',
+    ariaLabel: '2',
   },
   {
     keypad: '3',
-    label: '3',
+    ariaLabel: '3',
   },
   {
     keypad: '4',
-    label: '4',
+    ariaLabel: '4',
   },
   {
     keypad: '5',
-    label: '5',
+    ariaLabel: '5',
   },
   {
     keypad: '6',
-    label: '6',
+    ariaLabel: '6',
   },
   {
     keypad: '7',
-    label: '7',
+    ariaLabel: '7',
   },
   {
     keypad: '8',
-    label: '8',
+    ariaLabel: '8',
   },
   {
     keypad: '9',
-    label: '9',
+    ariaLabel: '9',
   },
   {
     keypad: '',
-    label: '',
+    ariaLabel: '',
   },
   {
     keypad: '0',
-    label: '0',
+    ariaLabel: '0',
   },
   {
     keypad: '<-',
-    label: '직전 입력 지우기',
+    ariaLabel: '직전 입력 지우기',
   },
 ];