From f4d56ea891c6552a108a3df1fbab060e577cca5e Mon Sep 17 00:00:00 2001
From: htlee <htlee@gcsc.co.kr>
Date: Wed, 8 Apr 2026 13:16:20 +0900
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EC=A0=84=EC=9A=A9=20=EB=B2=84=ED=8A=BC=20=EC=A0=91=EA=B7=BC=20?=
 =?UTF-8?q?=EC=9D=B4=EB=A6=84=20=EB=88=84=EB=9D=BD=207=EA=B3=B3=20?=
 =?UTF-8?q?=EB=B3=B4=EC=99=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

이전 스캐너가 놓친 패턴 — 모달 닫기 X 버튼과 토글 스위치 등:

- NoticeManagement: 모달 헤더 X → '닫기'
- ReportManagement: 업로드 패널 X → '업로드 패널 닫기'
- AIModelManagement: 규칙 토글 → role=switch + aria-checked + aria-label
                     API 예시 복사 → '예시 URL 복사'
- FileUpload: 파일 제거 X → '{파일명} 제거'
- NotificationBanner: 알림 닫기 X → '알림 닫기'
- SearchInput: 입력 aria-label (placeholder), 지우기 버튼 → '검색어 지우기'

검증:
- 개선된 스캐너로 remaining=0 확인 (JSX tag 중첩 파싱)
- tsc ✅
---
 frontend/src/features/admin/NoticeManagement.tsx             | 2 +-
 frontend/src/features/ai-operations/AIModelManagement.tsx    | 4 ++--
 frontend/src/features/statistics/ReportManagement.tsx        | 2 +-
 frontend/src/shared/components/common/FileUpload.tsx         | 2 +-
 frontend/src/shared/components/common/NotificationBanner.tsx | 2 ++
 frontend/src/shared/components/common/SearchInput.tsx        | 3 +++
 6 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/features/admin/NoticeManagement.tsx b/frontend/src/features/admin/NoticeManagement.tsx
index e479837..d4b1622 100644
--- a/frontend/src/features/admin/NoticeManagement.tsx
+++ b/frontend/src/features/admin/NoticeManagement.tsx
@@ -261,7 +261,7 @@ export function NoticeManagement() {
               <span className="text-sm font-bold text-heading">
                 {editingId ? '알림 수정' : '새 알림 등록'}
               </span>
-              <button type="button" onClick={() => setShowForm(false)} className="text-hint hover:text-heading">
+              <button type="button" aria-label="닫기" onClick={() => setShowForm(false)} className="text-hint hover:text-heading">
                 <X className="w-4 h-4" />
               </button>
             </div>
diff --git a/frontend/src/features/ai-operations/AIModelManagement.tsx b/frontend/src/features/ai-operations/AIModelManagement.tsx
index 898b61e..c28ce2b 100644
--- a/frontend/src/features/ai-operations/AIModelManagement.tsx
+++ b/frontend/src/features/ai-operations/AIModelManagement.tsx
@@ -331,7 +331,7 @@ export function AIModelManagement() {
             {rules.map((rule, i) => (
               <Card key={i} className="bg-surface-raised border-border">
                 <CardContent className="p-3 flex items-center gap-4">
-                  <button type="button" onClick={() => toggleRule(i)}
+                  <button type="button" role="switch" aria-checked={rule.enabled ? 'true' : 'false'} aria-label={rule.name} onClick={() => toggleRule(i)}
                     className={`w-10 h-5 rounded-full transition-colors relative shrink-0 ${rule.enabled ? 'bg-blue-600' : 'bg-switch-background'}`}>
                     <div className="w-4 h-4 bg-white rounded-full absolute top-0.5 transition-all shadow-sm" style={{ left: rule.enabled ? '22px' : '2px' }} />
                   </button>
@@ -880,7 +880,7 @@ export function AIModelManagement() {
                   <div>
                     <div className="flex items-center justify-between mb-1">
                       <span className="text-[10px] text-muted-foreground">격자별 위험도 조회 (파라미터: 좌표 범위, 시간)</span>
-                      <button type="button" onClick={() => navigator.clipboard.writeText('GET /api/v1/predictions/grid?lat_min=36.0&lat_max=38.0&lon_min=124.0&lon_max=126.0&time=2026-04-03T09:00Z')} className="text-hint hover:text-muted-foreground"><Copy className="w-3 h-3" /></button>
+                      <button type="button" aria-label="예시 URL 복사" onClick={() => navigator.clipboard.writeText('GET /api/v1/predictions/grid?lat_min=36.0&lat_max=38.0&lon_min=124.0&lon_max=126.0&time=2026-04-03T09:00Z')} className="text-hint hover:text-muted-foreground"><Copy className="w-3 h-3" /></button>
                     </div>
                     <pre className="bg-background border border-border rounded-lg p-3 text-[9px] font-mono text-muted-foreground overflow-x-auto">
 {`GET /api/v1/predictions/grid
diff --git a/frontend/src/features/statistics/ReportManagement.tsx b/frontend/src/features/statistics/ReportManagement.tsx
index 9afd932..48138b8 100644
--- a/frontend/src/features/statistics/ReportManagement.tsx
+++ b/frontend/src/features/statistics/ReportManagement.tsx
@@ -81,7 +81,7 @@ export function ReportManagement() {
         <div className="rounded-xl border border-border bg-card p-4">
           <div className="flex items-center justify-between mb-2">
             <span className="text-[11px] text-label font-bold">증거 파일 업로드 (사진·영상·문서)</span>
-            <button type="button" onClick={() => setShowUpload(false)} className="text-hint hover:text-muted-foreground"><X className="w-4 h-4" /></button>
+            <button type="button" aria-label="업로드 패널 닫기" onClick={() => setShowUpload(false)} className="text-hint hover:text-muted-foreground"><X className="w-4 h-4" /></button>
           </div>
           <FileUpload accept=".jpg,.jpeg,.png,.mp4,.pdf,.hwp,.docx" multiple maxSizeMB={100} />
           <div className="flex justify-end mt-3">
diff --git a/frontend/src/shared/components/common/FileUpload.tsx b/frontend/src/shared/components/common/FileUpload.tsx
index 7a7a28f..fcb1793 100644
--- a/frontend/src/shared/components/common/FileUpload.tsx
+++ b/frontend/src/shared/components/common/FileUpload.tsx
@@ -110,7 +110,7 @@ export function FileUpload({
               <span className="text-label truncate flex-1">{f.file.name}</span>
               <span className="text-hint text-[10px] shrink-0">{formatSize(f.file.size)}</span>
               {f.msg && <span className="text-red-400 text-[10px] shrink-0">{f.msg}</span>}
-              <button onClick={() => removeFile(i)} className="text-hint hover:text-muted-foreground shrink-0">
+              <button type="button" aria-label={`${f.file.name} 제거`} onClick={() => removeFile(i)} className="text-hint hover:text-muted-foreground shrink-0">
                 <X className="w-3 h-3" />
               </button>
             </div>
diff --git a/frontend/src/shared/components/common/NotificationBanner.tsx b/frontend/src/shared/components/common/NotificationBanner.tsx
index 1e29f8f..9fcf6f8 100644
--- a/frontend/src/shared/components/common/NotificationBanner.tsx
+++ b/frontend/src/shared/components/common/NotificationBanner.tsx
@@ -79,6 +79,8 @@ export function NotificationBanner({ notices, userRole }: NotificationBannerProp
             </span>
             {notice.dismissible && (
               <button
+                type="button"
+                aria-label="알림 닫기"
                 onClick={() => dismiss(notice.id)}
                 className="text-hint hover:text-muted-foreground shrink-0"
               >
diff --git a/frontend/src/shared/components/common/SearchInput.tsx b/frontend/src/shared/components/common/SearchInput.tsx
index 9fa04f0..40547b6 100644
--- a/frontend/src/shared/components/common/SearchInput.tsx
+++ b/frontend/src/shared/components/common/SearchInput.tsx
@@ -17,6 +17,7 @@ export function SearchInput({ value, onChange, placeholder = '검색...', classN
       <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-hint" />
       <input
         type="text"
+        aria-label={placeholder}
         value={value}
         onChange={(e) => onChange(e.target.value)}
         placeholder={placeholder}
@@ -24,6 +25,8 @@ export function SearchInput({ value, onChange, placeholder = '검색...', classN
       />
       {value && (
         <button
+          type="button"
+          aria-label="검색어 지우기"
           onClick={() => onChange('')}
           className="absolute right-2.5 top-1/2 -translate-y-1/2 text-hint hover:text-muted-foreground"
         >