fix: class → className JSX 속성 수정

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

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
LHT 2026-02-12 13:54:56 +09:00
부모 8ccb261d65
커밋 086599bb6d
12개의 변경된 파일61개의 추가작업 그리고 61개의 파일을 삭제

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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")}
>
등록

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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")}
>
등록

파일 보기

@ -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>

파일 보기

@ -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>

파일 보기

@ -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>