style: label => ariaLabel으로 변수명 변경

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;

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)}
         />

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: '직전 입력 지우기',
   },
 ];