From 086599bb6dd35b9894a123676251fea550181ea5 Mon Sep 17 00:00:00 2001
From: LHT <lht@LHTui-MacBookPro.local>
Date: Thu, 12 Feb 2026 13:54:56 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20class=20=E2=86=92=20className=20JSX=20?=
 =?UTF-8?q?=EC=86=8D=EC=84=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- publish/pages 및 component/wrap 하위 12개 컴포넌트의 class 속성을 className으로 변환

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../wrap/main/Analysis2Component.jsx          | 10 +++++-----
 .../wrap/main/Analysis3Component.jsx          |  4 ++--
 .../wrap/main/Satellite1Component.jsx         |  2 +-
 src/component/wrap/main/Signal2Component.jsx  |  8 ++++----
 src/component/wrap/side/Panel2Component.jsx   | 20 +++++++++----------
 src/component/wrap/side/Panel4Component.jsx   | 16 +++++++--------
 src/publish/pages/Analysis2Component.jsx      | 10 +++++-----
 src/publish/pages/Analysis3Component.jsx      |  4 ++--
 src/publish/pages/Panel2Component.jsx         | 20 +++++++++----------
 src/publish/pages/Panel4Component.jsx         | 18 ++++++++---------
 src/publish/pages/Satellite1Component.jsx     |  2 +-
 src/publish/pages/Signal2Component.jsx        |  8 ++++----
 12 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/src/component/wrap/main/Analysis2Component.jsx b/src/component/wrap/main/Analysis2Component.jsx
index ebd57341..4a816e25 100644
--- a/src/component/wrap/main/Analysis2Component.jsx
+++ b/src/component/wrap/main/Analysis2Component.jsx
@@ -44,9 +44,9 @@ export default function Analysis2Component() {
                                 <th scope="row">설정 옵션</th>
                                 <td colSpan={3}>
                                     <div className="row">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>사용 여부</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>알림 여부</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>공유 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>사용 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>알림 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>공유 여부</span></label>
                                     </div>
                                 </td>
                             </tr>
@@ -63,8 +63,8 @@ export default function Analysis2Component() {
                                 <th scope="row">영역 옵션</th>
                                 <td colSpan={3}>
                                     <div className="row">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>해상영역 표시</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>해상영역명 표시</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>해상영역 표시</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>해상영역명 표시</span></label>
                                     </div>
                                 </td>
                             </tr>
diff --git a/src/component/wrap/main/Analysis3Component.jsx b/src/component/wrap/main/Analysis3Component.jsx
index 109d40d7..054d96b0 100644
--- a/src/component/wrap/main/Analysis3Component.jsx
+++ b/src/component/wrap/main/Analysis3Component.jsx
@@ -47,8 +47,8 @@ export default function Analysis3Component() {
                                         <th scope="row">공유 여부</th>
                                         <td >
                                             <div className="row">
-                                                <label class="radio radioL"> <input type="radio" name="share" /> <span>공유</span></label>
-                                                <label class="radio radioL"> <input type="radio" name="share" /> <span>공유 안함</span></label>
+                                                <label className="radio radioL"> <input type="radio" name="share" /> <span>공유</span></label>
+                                                <label className="radio radioL"> <input type="radio" name="share" /> <span>공유 안함</span></label>
                                             </div>
                                         </td>
                                     </tr>
diff --git a/src/component/wrap/main/Satellite1Component.jsx b/src/component/wrap/main/Satellite1Component.jsx
index 1c678c27..27ae709e 100644
--- a/src/component/wrap/main/Satellite1Component.jsx
+++ b/src/component/wrap/main/Satellite1Component.jsx
@@ -51,7 +51,7 @@ export default function Satellite1Component() {
                             </tr>
                             <tr>
                                 <th scope="row">영상 촬영일 <span className="required">*</span></th>
-                                <td colSpan={3}><input class="dateInput" placeholder="연도-월-일" type="text" aria-label="영상 촬영일" /></td>
+                                <td colSpan={3}><input className="dateInput" placeholder="연도-월-일" type="text" aria-label="영상 촬영일" /></td>
                             </tr>
                             <tr>
                                 <th scope="row">위성영상파일 <span className="required">*</span></th>
diff --git a/src/component/wrap/main/Signal2Component.jsx b/src/component/wrap/main/Signal2Component.jsx
index e866eeec..46c56d08 100644
--- a/src/component/wrap/main/Signal2Component.jsx
+++ b/src/component/wrap/main/Signal2Component.jsx
@@ -96,16 +96,16 @@ export default function Signal2Component() {
                                     <label className="radio radioL"> <input type="radio" name="state2" /> <span>미사용</span></label>
                                 </li>
                                 <li className="check">
-                                    <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 I</span></label>
+                                    <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 I</span></label>
                                 </li>
                                 <li className="check">
-                                    <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 II</span></label>
+                                    <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 II</span></label>
                                 </li>
                                 <li className="check">
-                                    <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 III</span></label>
+                                    <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 III</span></label>
                                 </li>
                                 <li className="check">
-                                    <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 IV</span></label>
+                                    <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 IV</span></label>
                                 </li>
                             </ul>
                         </div>
diff --git a/src/component/wrap/side/Panel2Component.jsx b/src/component/wrap/side/Panel2Component.jsx
index 9a15177f..179f0ee8 100644
--- a/src/component/wrap/side/Panel2Component.jsx
+++ b/src/component/wrap/side/Panel2Component.jsx
@@ -48,10 +48,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>영상 촬영일</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
@@ -222,9 +222,9 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox rowSB">
-                        <button type="button" class="btn btnLine">위성영상 폴더 업로드</button>
-                        <button type="button" class="btn btnLine" onClick={() => navigate("/panel2/satellite/add")}>위성영상 등록</button>
+                    <div className="btnBox rowSB">
+                        <button type="button" className="btn btnLine">위성영상 폴더 업로드</button>
+                        <button type="button" className="btn btnLine" onClick={() => navigate("/panel2/satellite/add")}>위성영상 등록</button>
                     </div>
                 </div>
             </div>
@@ -288,10 +288,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox">
+                    <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine" 
+                        className="btn btnLine" 
                         onClick={() => navigate("/panel2/satellite/provider")}
                         >
                         등록
@@ -391,10 +391,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox">
+                    <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine" 
+                        className="btn btnLine" 
                         onClick={() => navigate("/panel2/satellite/manage")}
                         >
                         등록
diff --git a/src/component/wrap/side/Panel4Component.jsx b/src/component/wrap/side/Panel4Component.jsx
index 34af5bbe..5d773db5 100644
--- a/src/component/wrap/side/Panel4Component.jsx
+++ b/src/component/wrap/side/Panel4Component.jsx
@@ -74,7 +74,7 @@ export default function Panel4Component({ isOpen, onToggle }) {
                     <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine"
+                        className="btn btnLine"
                         onClick={() => navigate("/panel4/analysis/area")}
                         >등록</button>
                     </div>
@@ -91,10 +91,10 @@ export default function Panel4Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>조회기간</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
@@ -124,7 +124,7 @@ export default function Panel4Component({ isOpen, onToggle }) {
                     <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine"
+                        className="btn btnLine"
                         onClick={() => navigate("/panel4/analysis/register")}
                         >등록</button>
                     </div>
@@ -141,10 +141,10 @@ export default function Panel4Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>진입 일시</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
diff --git a/src/publish/pages/Analysis2Component.jsx b/src/publish/pages/Analysis2Component.jsx
index b0684528..74210a34 100644
--- a/src/publish/pages/Analysis2Component.jsx
+++ b/src/publish/pages/Analysis2Component.jsx
@@ -42,9 +42,9 @@ export default function Analysis2Component() {
                                 <th scope="row">설정 옵션</th>
                                 <td colSpan={3}>
                                     <div className="row">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>사용 여부</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>알림 여부</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>공유 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>사용 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>알림 여부</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>공유 여부</span></label>
                                     </div>
                                 </td>
                             </tr>
@@ -61,8 +61,8 @@ export default function Analysis2Component() {
                                 <th scope="row">영역 옵션</th>
                                 <td colSpan={3}>
                                     <div className="row">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>해상영역 표시</span></label>
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>해상영역명 표시</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>해상영역 표시</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>해상영역명 표시</span></label>
                                     </div>
                                 </td>
                             </tr>
diff --git a/src/publish/pages/Analysis3Component.jsx b/src/publish/pages/Analysis3Component.jsx
index 0ccc457a..bc53847f 100644
--- a/src/publish/pages/Analysis3Component.jsx
+++ b/src/publish/pages/Analysis3Component.jsx
@@ -48,8 +48,8 @@ export default function Analysis3Component() {
                                             <th scope="row">공유 여부</th>
                                             <td >
                                                 <div className="row">
-                                                    <label class="radio radioL"> <input type="radio" name="share" /> <span>공유</span></label>
-                                                    <label class="radio radioL"> <input type="radio" name="share" /> <span>공유 안함</span></label>
+                                                    <label className="radio radioL"> <input type="radio" name="share" /> <span>공유</span></label>
+                                                    <label className="radio radioL"> <input type="radio" name="share" /> <span>공유 안함</span></label>
                                                 </div>
                                             </td>
                                         </tr>
diff --git a/src/publish/pages/Panel2Component.jsx b/src/publish/pages/Panel2Component.jsx
index 39ae3930..4540fb5f 100644
--- a/src/publish/pages/Panel2Component.jsx
+++ b/src/publish/pages/Panel2Component.jsx
@@ -48,10 +48,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>영상 촬영일</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
@@ -222,9 +222,9 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox rowSB">
-                        <button type="button" class="btn btnLine">위성영상 폴더 업로드</button>
-                        <button type="button" class="btn btnLine" onClick={() => navigate("/satellite/add")}>위성영상 등록</button>
+                    <div className="btnBox rowSB">
+                        <button type="button" className="btn btnLine">위성영상 폴더 업로드</button>
+                        <button type="button" className="btn btnLine" onClick={() => navigate("/satellite/add")}>위성영상 등록</button>
                     </div>
                 </div>
             </div>
@@ -288,10 +288,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox">
+                    <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine" 
+                        className="btn btnLine" 
                         onClick={() => navigate("/satellite/provider")}
                         >
                         등록
@@ -391,10 +391,10 @@ export default function Panel2Component({ isOpen, onToggle }) {
                         </div>
                     </div>
                     {/* 하단버튼 영역 */}
-                    <div class="btnBox">
+                    <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine" 
+                        className="btn btnLine" 
                         onClick={() => navigate("/satellite/manage")}
                         >
                         등록
diff --git a/src/publish/pages/Panel4Component.jsx b/src/publish/pages/Panel4Component.jsx
index 1d5bfec2..66433394 100644
--- a/src/publish/pages/Panel4Component.jsx
+++ b/src/publish/pages/Panel4Component.jsx
@@ -74,7 +74,7 @@ export default function Panel4Component({ isOpen, onToggle }) {
                     <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine"
+                        className="btn btnLine"
                         onClick={() => navigate("/analysis/area")}
                         >등록</button>
                     </div>
@@ -91,10 +91,10 @@ export default function Panel4Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>조회기간</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
@@ -124,7 +124,7 @@ export default function Panel4Component({ isOpen, onToggle }) {
                     <div className="btnBox">
                         <button 
                         type="button" 
-                        class="btn btnLine"
+                        className="btn btnLine"
                         onClick={() => navigate("/analysis/register")}
                         >등록</button>
                     </div>
@@ -141,10 +141,10 @@ export default function Panel4Component({ isOpen, onToggle }) {
                         <li>
                             <label>
                                 <span>진입 일시</span>
-                                <div class="labelRow">
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                <div className="labelRow">
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                     <span>-</span>
-                                    <input class="dateInput" placeholder="연도-월-일" type="text" />
+                                    <input className="dateInput" placeholder="연도-월-일" type="text" />
                                 </div>
                             </label>
                         </li>
@@ -445,7 +445,7 @@ export default function Panel4Component({ isOpen, onToggle }) {
                             <div className="btnArea w4r">
                                 <button
                                     type="button" 
-                                    class="btnMap"
+                                    className="btnMap"
                                     onClick={() => navigate("/analysis/trench")}
                                 ></button>
                             </div>
diff --git a/src/publish/pages/Satellite1Component.jsx b/src/publish/pages/Satellite1Component.jsx
index d9ad226a..b2d4ee23 100644
--- a/src/publish/pages/Satellite1Component.jsx
+++ b/src/publish/pages/Satellite1Component.jsx
@@ -49,7 +49,7 @@ export default function Satellite1Component() {
                                 </tr>
                                 <tr>
                                     <th scope="row">영상 촬영일 <span className="required">*</span></th>
-                                    <td colSpan={3}><input class="dateInput" placeholder="연도-월-일" type="text" aria-label="영상 촬영일" /></td>
+                                    <td colSpan={3}><input className="dateInput" placeholder="연도-월-일" type="text" aria-label="영상 촬영일" /></td>
                                 </tr>
                                 <tr>
                                     <th scope="row">위성영상파일 <span className="required">*</span></th>
diff --git a/src/publish/pages/Signal2Component.jsx b/src/publish/pages/Signal2Component.jsx
index 99f4e694..997ae2ac 100644
--- a/src/publish/pages/Signal2Component.jsx
+++ b/src/publish/pages/Signal2Component.jsx
@@ -94,16 +94,16 @@ export default function Signal2Component() {
                                         <label className="radio radioL"> <input type="radio" name="state2" /> <span>미사용</span></label>
                                     </li>
                                     <li className="check">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 I</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 I</span></label>
                                     </li>
                                     <li className="check">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 II</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 II</span></label>
                                     </li>
                                     <li className="check">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 III</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 III</span></label>
                                     </li>
                                     <li className="check">
-                                        <label class="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 IV</span></label>
+                                        <label className="checkbox checkL"><input type="checkbox" /><span>특정 어업수역 IV</span></label>
                                     </li>
                                 </ul>
                             </div>