From 3832adf3b051e2bf7d058429a16edd29d9d888d3 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Wed, 2 Apr 2025 10:58:02 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20label=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/image/ui/image-page.tsx                 | 6 +++---
 apps/cs/src/pages/site/ui/domain-management-dialog.tsx    | 7 ++++---
 apps/cs/src/pages/site/ui/ip-management-dialog.tsx        | 7 ++++---
 apps/cs/src/pages/site/ui/site-page.tsx                   | 6 +++---
 packages/common/components/src/ui/file-uploader/index.tsx | 5 +++--
 5 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/apps/cs/src/pages/image/ui/image-page.tsx b/apps/cs/src/pages/image/ui/image-page.tsx
index 7eb5863bd..48ffcb55c 100644
--- a/apps/cs/src/pages/image/ui/image-page.tsx
+++ b/apps/cs/src/pages/image/ui/image-page.tsx
@@ -8,7 +8,7 @@ import {
   useReactTable,
   type RowSelectionState,
 } from "@tanstack/react-table";
-import { Button, DataTable, Input } from "@common/components";
+import { Button, DataTable, Input, Label } from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { ImageApi } from "../api/image-service";
 import { columns } from "../model/table-columns";
@@ -60,9 +60,9 @@ function ImagePage() {
     <div className="card card-border !mt-6">
       <div className="card card-border">
         <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-          <label htmlFor="" className="mr-2 text-label">
+          <Label htmlFor="" className="mr-2 text-label">
             이미지명
-          </label>
+          </Label>
           <Input
             className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
             value={imageQuery.keyword}
diff --git a/apps/cs/src/pages/site/ui/domain-management-dialog.tsx b/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
index abd3c609b..fa754d36b 100644
--- a/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
+++ b/apps/cs/src/pages/site/ui/domain-management-dialog.tsx
@@ -22,6 +22,7 @@ import {
   DialogFooter,
   DialogClose,
   Checkbox,
+  Label,
 } from "@common/components";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
@@ -267,16 +268,16 @@ function DomainManagementDialog({
                                           value="Y"
                                           id={`useY-${i}`}
                                         />
-                                        <label htmlFor={`useY-${i}`}>예</label>
+                                        <Label htmlFor={`useY-${i}`}>예</Label>
                                       </div>
                                       <div className="flex items-center space-x-2">
                                         <RadioGroupItem
                                           value="N"
                                           id={`useN-${i}`}
                                         />
-                                        <label htmlFor={`useN-${i}`}>
+                                        <Label htmlFor={`useN-${i}`}>
                                           아니오
-                                        </label>
+                                        </Label>
                                       </div>
                                     </RadioGroup>
                                   </FormControl>
diff --git a/apps/cs/src/pages/site/ui/ip-management-dialog.tsx b/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
index b0d8d193d..dd9ee3748 100644
--- a/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
+++ b/apps/cs/src/pages/site/ui/ip-management-dialog.tsx
@@ -22,6 +22,7 @@ import {
   DialogFooter,
   DialogClose,
   Checkbox,
+  Label,
 } from "@common/components";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
@@ -232,16 +233,16 @@ function IPManagementDialog({
                                           value="Y"
                                           id={`prmY-${i}`}
                                         />
-                                        <label htmlFor={`prmY-${i}`}>예</label>
+                                        <Label htmlFor={`prmY-${i}`}>예</Label>
                                       </div>
                                       <div className="flex items-center space-x-2">
                                         <RadioGroupItem
                                           value="N"
                                           id={`prmN-${i}`}
                                         />
-                                        <label htmlFor={`prmN-${i}`}>
+                                        <Label htmlFor={`prmN-${i}`}>
                                           아니오
-                                        </label>
+                                        </Label>
                                       </div>
                                     </RadioGroup>
                                   </FormControl>
diff --git a/apps/cs/src/pages/site/ui/site-page.tsx b/apps/cs/src/pages/site/ui/site-page.tsx
index 5f4f9c18c..e89ddafa0 100644
--- a/apps/cs/src/pages/site/ui/site-page.tsx
+++ b/apps/cs/src/pages/site/ui/site-page.tsx
@@ -6,7 +6,7 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
-import { Button, DataTable, Input } from "@common/components";
+import { Button, DataTable, Input, Label } from "@common/components";
 import { SiteApi, type Site, type SiteParams } from "@/entities/site";
 import { ENDPOINT } from "@/shared/config";
 import { columns } from "../model/table-columns";
@@ -46,9 +46,9 @@ function SitePage() {
     <div className="card card-border !mt-6">
       <div className="card card-border">
         <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-          <label htmlFor="" className="mr-2 text-label">
+          <Label htmlFor="" className="mr-2 text-label">
             사이트명
-          </label>
+          </Label>
           <Input
             className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
             value={siteQuery.siteNm}
diff --git a/packages/common/components/src/ui/file-uploader/index.tsx b/packages/common/components/src/ui/file-uploader/index.tsx
index 956c99ceb..d130cefa0 100644
--- a/packages/common/components/src/ui/file-uploader/index.tsx
+++ b/packages/common/components/src/ui/file-uploader/index.tsx
@@ -2,6 +2,7 @@ import "./file-uploader.css";
 
 import { cn } from "../../lib/utils";
 import { Input } from "../input";
+import { Label } from "../label";
 import { combineFileName, validFileType } from "./utils";
 
 type FileUploaderProps = React.InputHTMLAttributes<HTMLInputElement> & {
@@ -29,9 +30,9 @@ export function FileUploader({
       <div className="file-uploader-preview">
         {files?.filter(validFileType).map(combineFileName).join(", ")}
       </div>
-      <label htmlFor={id} className="file-uploader-label">
+      <Label htmlFor={id} className="file-uploader-label">
         파일 선택
-      </label>
+      </Label>
     </div>
   );
 }