초기소스

This commit is contained in:
jazz
2025-10-29 17:08:05 +09:00
parent e531aa9540
commit 439a379a02
7551 changed files with 1234427 additions and 3 deletions

View File

@@ -0,0 +1,135 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample 목록조회</title>
<c:import url="/comm/mngrCss"/>
<c:import url="/comm/include"/>
<script>
$(document).ready(function(){
fn_add_codeList('#testDiv', 'checkbox', 'testRdo', 'CGN02802', JSON.parse('${ resultMap.cgn028List }'));
//fn_add_codeList('#testDiv', 'select', 'testRdo', 'CGN02802', JSON.parse('${ resultMap.cgn028List }'), '전체');
});
const fn_select_sampleList = function(pageIndex){
$("#pageIndex").val(pageIndex);
$("#defaultForm").submit();
}
const fn_upload_file = function() {
var form = $('#fileForm')[0];
var formData = new FormData(form);
$.ajax({
type : 'post',
url : '<c:url value="/sample/fileUpload"/>',
data : formData,
contentType : false,
processData : false,
success : function(data) {
console.log('data : ', data);
}
});
}
const fn_test_validation = function() {
$.ajax({
type : 'post',
url : '<c:url value="/sample/inputValidation"/>',
data : $('#validateForm').serialize(),
success : function(data) {
console.log('data : ', data);
},
error: function(data){
const errorObject = JSON.parse(data.responseJSON.resBody.message);
console.log('errorObject : ', errorObject);
let isMtched = false;
$(document).find('input,select,textarea').each(function(){
for(let idx=0; idx<errorObject.errorFields.length; idx++) {
if(errorObject.errorFields[idx].field.indexOf($(this).prop('name')) >= 0) {
console.log('input(2) : ', $(this).prop('name'));
isMtched = true;
break;
}
}
if(isMtched) {
console.log('errorField : ', $(this).prop('name'));
$(this).focus();
return false;
}
});
}
});
}
</script>
</head>
<body>
<form id="defaultForm" action="<c:url value="/sample/sampleListR"/>" method="post">
<input id="pageIndex" name="pageIndex"/>
</form>
<div>
<div id="testDiv" class="b-checkbox-container">
</div>
<table>
<thead>
<tr>
<th>항목1</th>
<th>항목2</th>
<th>항목3</th>
</tr>
</thead>
<tbody>
<c:choose>
<c:when test="${ not empty resultMap.paginationInfo }">
<c:forEach items="${ resultMap.resultList }" var="result" varStatus="status">
<tr>
<td><c:out value="${ result.clientId }"/></td>
<td><c:out value="${ result.clientIdIssuedAt }"/></td>
<td><c:out value="${ result.clientSecret }"/></td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr>
<td colspan="3">조회된 데이터가 없습니다.</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
</div>
<%-- 파일업로드 확장자 제한 추가 / 2023-12-01 / 박철민 --%>
<div>
<spring:eval expression="@environment.getProperty('spring.servlet.multipart.max-file-size')" var="maxFileSize" />
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions" />
<form id="fileForm" name="fileForm" action="" method="post" enctype="multipart/form-data">
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" />&nbsp;최대파일 크기(<c:out value="${ maxFileSize }"/>)
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" />&nbsp;최대파일 크기(<c:out value="${ maxFileSize }"/>)
</form>
<button type="button" onclick="fn_upload_file(); return false;">파일업로드</button>
</div>
<br/>
<div>
<form id="validateForm">
<input type="text" name="name" value=""/>
<input type="text" name="txtContent" value="12345"/>
</form>
<button type="button" onclick="fn_test_validation(); return false;">입력값정합성검사</button>
</div>
<br/>
<div>
이미지 : <img src="<c:url value="/sample/imageView"/>">
</div>
<br/>
<div class="pagination__container">
<ui:pagination paginationInfo="${resultMap.paginationInfo}" type="image" jsFunction="fn_select_sampleList" />
</div>
</body>
</html>

View File

@@ -0,0 +1,195 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample</title>
<c:import url="/comm/mngrCss"/>
<c:import url="/comm/include"/>
<!--[ 네이버 공통유입 스크립트 ]-->
<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "s_256f0fc6f82c"; //알파랩 네이버 공통인증키
wcs.checkoutWhitelist = ["nutricore.co.kr","m.nutricore.co.kr","www.nutricore.co.kr"]; // 체크아웃 White list가 있을 경우
wcs.inflow('nutricore.co.kr');
</script>
<!--[ 네이버 구매하기버튼 스크립트 ]-->
<%
String webMode = "PC"; //request로 받아서 처리
String orgMode = "test"; //request로 받아서 처리
if(webMode.equals("mobile")){
if(orgMode.equals("test")){
%>
<script type="text/javascript" src="http://test-pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
<% }else{%>
<script type="text/javascript" src="http://pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script>
<%
}
}else{
if(orgMode.equals("test")){
%>
<script type="text/javascript" src="http://test-pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
<% }else{%>
<script type="text/javascript" src="http://pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
<%
}
}%>
<script type="text/javascript">
function naverpay_submit(mode,shippingType){
var oneplusonecross_ea = '3';
/* 이부분 다시 확인 해야 함
//함께 구매하기내에서 N+M 증정 상품일떄에도 체크 @2020-02-14
$('#goods_view table.addgoods_quantity_table .quanity_row').each(function(e, el) {
var relation_oneplusone = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone");
var relation_oneplusone_cross = $(this).find("input[name='relation_option_select_provider_seq[]']").attr("relation_oneplusone_cross");
if( relation_oneplusone_cross != '1' ) return true;
$(".relation_ea_change").each(function(e, el) {
if($(this).val() >= oneplusonecross_ea ){//평균가증정 조건에 맞으면
oneplusonecross = true;
return false;
}
});
});
*/
if(mode == "direct" || oneplusonecross ){
if (typeof check_option == 'function') {
if( !check_option() ){
return;
}
}
var f = $("form[name='goodsForm']");
}else{
var f = $("form[name='cart_form']");
}
//f.attr("target","_blank");
if( oneplusonecross ) {
f.attr("action","../order/add?oneplusonecross=yes");
}else if(mode == "direct"){
f.attr("action","../order/add?mode=direct&order_mode=npay&skin_version=multi&no=814"); //no는 상품번호<?php echo $TPL_VAR["goods"]["goods_seq"]?>
//결국은 pageRedirect("../naverpay/buy?goodsSeq=".$_GET['no']."&mode=".$mode."&skin_version=".$_GET['skin_version'],'','self');
}else{
f.attr("action","../naverpay/buy?mode="+mode+"&shippingType="+shippingType+"&skin_version=multi");
}
f[0].submit();
}
function buy_nc(){
var msgcroosgoods = new Array();
var msgcroosgoods = ["[평균가증정]이 존재합니다. <br/> [평균가증정]상품 모두 선택해 주세요.", "[평균가증정]상품이 존재합니다. <br/> [증정상품 선택]버튼을 클릭하여 증정품을 모두 선택해 주세요."];
//장바구니에서 처리해야할 부분들 있음
var pay_position = "direct"; //장바구니이면 cart
var shipping_group = "";
shipping_group = $("select[name='shipping_method'] option:selected").val();
naverpay_submit(pay_position,shipping_group);
//스킨버전으로 popup을 띄우기도 함. (패스해도 될듯한데...)
}
function not_buy_nc(){
var h = 150; openDialogAlert("",450,h); // 주문불가 메시지를 전역변수 not_buy_msg에 넣고 창에서 띄운다.
}
function wishlist_nc(){
// 네이버 체크아웃으로 찜 정보를 등록하는 가맹점 페이지 팝업 창 생성.
var f = $("form[name='goodsForm']");
//장바구니 일때 찜개수를 확인하는데...장바구니에선 찜버튼이 없으므로 장바구니에서 확인필요
f.attr("action","../naverpay/zzim");
<%if(webMode.equals("mobile")){%>
f.attr("target","_self");
<%}else{%>
window.open("/main/blank","zzim","scrollbars=yes,width=400,height=267");
f.attr("target","zzim");
<%}%>
f[0].submit();
f.attr("target","actionFrame");
f.attr("action","../order/add");
return false;
}
</script>
</head>
<body>
<div class="first">
<!-- 상품정보 -->
상품명 : 옷 <br/>
<form id="opt" action="" name="goodsForm">
색상 :
<select id="color">
<option value="no">-- 색상을 선택해 주세요 --</option>
<option value="red">빨간색</option>
<option value="red">파란색</option>
</select><br/>
크기 :
<select id="size">
<option value="no">-- 크기를 선택해 주세요 --</option>
<option value="L">Large(L)</option>
<option value="XL">Extra Large(XL)</option>
</select><br/>
배송비 :
<input type="radio" name="spt" value="FREE"/>무료
<input type="radio" name="spt" value="PAYED"/>선불
<input type="radio" name="spt" value="ONDELIVERY"/>착불
</form>
<script type="text/javascript">//<![CDATA[
var notPayMode = false;
var enable = 'Y';
var buy_npay = buy_nc;
var goods_status = '';
// 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
if(notPayMode){
enable = 'N';
buy_npay = not_buy_nc;
wishlist_nc = not_buy_nc;
}
//버튼타입,버튼색, 버튼갯수 프로퍼티에서 읽어오기
naver.NaverPayButton.apply({
BUTTON_KEY:"41D2EDF1-3B81-4DCB-8043-21E4C3043877", // 알파랩 - 네이버페이에서 할당받은 버튼 KEY를 입력하세요. 뉴트리:BUTTON_KEY:"58008618-E3CD-40F7-AE8D-37D624935098"
TYPE: "A", // 템플릿을 확인하시고 원하는 타입의 버튼을 선택
COLOR: 1, // 버튼의 색 설정
COUNT: 2, // 버튼 개수 설정. 구매하기 버튼만 있으면 1, 찜하기 버튼과 함께 있으면 2를 입력한다.
ENABLE: enable, // 품절등과 같은 이유에 따라 버튼을 비활성화할 필요가 있을 경우
BUY_BUTTON_HANDLER: buy_npay, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
WISHLIST_BUTTON_HANDLER:wishlist_nc, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용 ///sample/SampleNaverPopup
"":""
});
//]]>
</script>
</div>
<script>
wcs_do();
</script>
</body>
</html>

View File

@@ -0,0 +1,29 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample</title>
<c:import url="/comm/mngrCss"/>
<c:import url="/comm/include"/>
<script type="text/javascript" src="http://pay.naver.com/customer/js/naverPayButton.js" charset="UTF-8"></script>
<script>
//document.frm.target = "_top";
//document.frm.submit();
</script>
</head>
<body>
<form name="frm" method="get" action="https://test-pay.naver.com/customer/wishlistPopup.nhn">
<input type="hidden" name="SHOP_ID" value="np_nbxsi348787">
<input type="hidden" name="ITEM_ID" value="1200047309"> <!-- 아이템은 하나씩 전송되어야 함 -->
<input type="submit" >
</form>
</body>
</html>

View File

@@ -0,0 +1,58 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>네이버 스마트에디터 2.X 적용 샘플</title>
<c:import url="/comm/mngrCss"/>
<c:import url="/comm/include"/>
<script type="text/javascript">
$(document).ready(function(){
fn_create_editor('txtContent');
});
const save = function(){
fn_convert_editor('txtContent');
var formData = new FormData(document.getElementById('form'));
$.ajax({
type : 'post',
enctype: 'multipart/form-data',
processData:false,
contentType:false,
url : '<c:url value="/sample/insertEdiotrValue"/>',
data : formData,
success : function(data) {
console.log('data : ', data);
}
});
}
const closePop = function() {
fn_close_modal("modalPop");
}
</script>
</head>
<body>
<spring:eval expression="@environment.getProperty('spring.servlet.multipart.max-file-size')" var="maxFileSize" />
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions" />
<form id="form" name="form" action="" method="post" enctype="multipart/form-data">
<div id="smartEditor">
<textarea id="txtContent" name="txtContent" rows="20" cols="10" style="width: 100%;"></textarea>
</div>
<div id="se2_sample" style="margin:10px 0;">
<input type="button" onclick="save(); return false;" value="저장">
<input type="button" onclick="$('#modalPop').modal(); return false;" value="팝업호출">
</div>
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" />&nbsp;최대파일 크기(<c:out value="${ maxFileSize }"/>)
<input id="testFileInput" name="testFileInput" type="file" accept="<c:out value="${ acceptFileExtensions }"/>" />&nbsp;최대파일 크기(<c:out value="${ maxFileSize }"/>)
</form>
<div id="modalPop" style="display: none;">
<div>modal test</div>
<div><input type="button" onclick="closePop(); return false;" value="팝업닫기"></div>
</div>
</body>
</html>

View File

@@ -0,0 +1,767 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GC ONE 관리자</title>
<c:import url="/comm/mngrCss"/>
<c:import url="/comm/include"/>
</head>
<body>
<c:import url="/comm/mngr/header"/>
<main class="main">
<c:import url="/comm/mngr/left"/>
<div class="content">
<div class="content__inner">
<button class="side-nav__fold"><span class="visually-hidden">좌측메뉴 펼치기/닫기</span></button>
<div class="page-title">
<h2 class="page-title__title">일반 상품 조회</h2>
<div class="page-title__btn-container">
<a href="" class="btn primary">상품 등록
</a>
</div>
</div>
<section class="content-section">
<form>
<div class="table-wrapper">
<table class="table">
<caption>해당 테이블에 대한 설명</caption>
<colgroup>
<col style="width: 12%;">
<col>
<col style="width: 12%;">
<col>
</colgroup>
<tr>
<th>검색어</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">전체</option>
<option value="">이름</option>
</select>
</div>
<input class="input-text xl" type="text" title="해당 인풋에 대한 설명">
</div>
</td>
</tr>
<tr>
<th>카테고리</th>
<td colspan="3">
<div class="td-inner">
<div class="input-container gap-4">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">1차분류</option>
</select>
</div>
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">2차분류</option>
</select>
</div>
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">3차분류</option>
</select>
</div>
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">4차분류</option>
</select>
</div>
</div>
<div class="b-checkbox-container">
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">대표 카테고리 기준</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">카테고리 미등록</span>
</label>
</div>
</div>
</td>
</tr>
<tr class="search-hide">
<th>브랜드</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">전체</option>
<option value="">뉴트리코어</option>
<option value="">참다한</option>
</select>
</div>
<div class="b-checkbox-container">
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">브랜드 미등록</span>
</label>
</div>
</div>
</td>
</tr>
<tr class="search-hide">
<th>날짜</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">등록일</option>
</select>
</div>
<div class="input-container">
<input type="text" id="datepicker_1" class="datepicker" title="시작 날짜 선택"
autocomplete="off">
<span class="tilde">~</span>
<input type="text" id="datepicker_2" class="datepicker" title="종료 날짜 선택"
autocomplete="off">
</div>
<div class="dateRange-btnContainer">
<button class="dateRange-btn">오늘</button>
<button class="dateRange-btn">3일간</button>
<button class="dateRange-btn">일주일</button>
<button class="dateRange-btn">1개월</button>
<button class="dateRange-btn">3개월</button>
<button class="dateRange-btn selected">전체</button>
</div>
</div>
</td>
</tr>
<tr>
<th>판매상태</th>
<td>
<div class="td-inner">
<div class="b-checkbox-container">
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">전체</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">정상</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">품절</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">재고 확보중</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">판매 중지</span>
</label>
</div>
</div>
</td>
<th>노출여부</th>
<td>
<div class="td-inner">
<div class="b-checkbox-container">
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">전체</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">노출</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">미노출</span>
</label>
<label class="b-checkbox checkbox">
<input type="checkbox" value="">
<span class="check"></span>
<span class="control-label">노출 예약</span>
</label>
</div>
</div>
</td>
</tr>
<tr class="search-hide">
<th>가격</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">정가</option>
</select>
</div>
<div class="input-container">
<input type="text" class="input-text sm right number" value="0"
title="해당 인풋에 대한 설명">
<span class="input-unit-text">원</span>
<span class="tilde">~</span>
<input type="text" class="input-text sm right number" value="0"
title="해당 인풋에 대한 설명">
<span class="input-unit-text">원</span>
</div>
</div>
</td>
</tr>
<tr class="search-hide">
<th>재고에 따른 판매</th>
<td colspan="3">
<div class="td-inner">
<div class="custom-radio-container">
<div class="custom-radio">
<input type="radio" id="r-1" name="r-group01" checked="">
<label for="r-1">전체</label>
</div>
<div class="custom-radio">
<input type="radio" id="r-2" name="r-group01">
<label for="r-2">재고가 있으면 판매</label>
</div>
<div class="custom-radio">
<input type="radio" id="r-3" name="r-group01">
<label for="r-3">재고와 상관없이 판매</label>
</div>
</div>
</div>
</td>
</tr>
<tr class="search-hide">
<th>배송그룹</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">기본 배송 그룹</option>
</select>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="form-control-container">
<div class="left"></div>
<div class="center">
<button class="btn outline">초기화</button>
<button class="btn primary">검색</button>
</div>
<div class="right">
<button class="btn outline search-detail">상세검색</button>
</div>
</div>
</form>
</section>
<section class="content-section">
<form>
<div class="form-control-container">
<div class="left">
<div class="search-number">
<span class="search-number__text">총 <strong>720</strong>건</span>
</div>
</div>
<div class="center">
</div>
<div class="right">
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">최근 가입순</option>
<option value="">마일리지 많은순</option>
<option value="">마일리지 적은순</option>
<option value="">구매금액 많은순</option>
<option value="">구매금액 적은순</option>
<option value="">주문수 많은순</option>
<option value="">주문수 적은순</option>
<option value="">상품후기 많은순</option>
<option value="">상품후기 적은순</option>
<option value="">방문수 많은순</option>
<option value="">방문수 적은순</option>
<option value="">추천수 많은순</option>
<option value="">추천수 적은순</option>
</select>
</div>
<div class="select-box">
<select title="해당 셀렉트에 대한 설명">
<option value="">10개씩</option>
<option value="">50개씩</option>
<option value="">100개씩</option>
<option value="">200개씩</option>
</select>
</div>
</div>
</div>
<hr class="horizontal-line">
<div class="form-control-container">
<div class="left">
<button class="btn outline sm">선택 삭제</button>
</div>
<div class="center">
</div>
<div class="right">
<button class="btn outline sm">
<i class="icon icon_excel"></i>
다운로드
</button>
</div>
</div>
<hr class="spacing">
<div class="table-wrapper">
<table class="table vertical">
<caption>해당 테이블에 대한 설명</caption>
<!-- 각 열 width 설정 -->
<colgroup>
<col style="width: 4%;">
<col style="width: 4%;">
<col style="width: 7%;">
<col style="width: 12%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: auto;">
<col style="width: 4%;">
<col style="width: 4%;">
<col style="width: 10%;">
</colgroup>
<thead>
<tr>
<th>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</th>
<th>번호</th>
<th colspan="2">번호</th>
<th>정가</th>
<th>판매가</th>
<th>재고</th>
<th>재고판매</th>
<th>배송그룹</th>
<th>조회</th>
<th>등록일/수정일</th>
<th>판매상태</th>
<th>노출여부</th>
<th>관리</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
<tr>
<td>
<label class="b-checkbox checkbox is-medium">
<input type="checkbox" value="">
<span class="check"></span>
</label>
</td>
<td>1</td>
<td>
<img src="/mngr/images/상품이미지01.png" width="80" height="80" alt="">
</td>
<td><a href="" class="under-line">테스트 상품</a></td>
<td>80,000원</td>
<td>
80,000원
</td>
<td><a href="" class="under-line">재고확인</a></td>
<td>무제한</td>
<td>배송그룹1</td>
<td>1</td>
<td>
<span>2021-12-12 23:12</span>
<br>
<span>2021-12-12 23:12</span>
</td>
<td>정상</td>
<td>
노출
</td>
<td>
<div class="manage-btn-container">
<button class="btn xsm light-gray">복사</button>
<button class="btn xsm outline">상세</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</section>
<div class="pagination__container">
<div class="pagination">
<button disabled class="pagination__item first"><span class="visually-hidden">첫
페이지로</span></button>
<button disabled class="pagination__item prev"><span class="visually-hidden">이전
페이지로</span></button>
<ol class="pagination__number-group">
<li><button class="pagination__item active"><span>1</span></button></li>
<li><button class="pagination__item"><span>2</span></button></li>
<li><button class="pagination__item"><span>3</span></button></li>
<li><button class="pagination__item"><span>4</span></button></li>
<li><button class="pagination__item"><span>5</span></button></li>
<li><button class="pagination__item"><span>6</span></button></li>
<li><button class="pagination__item"><span>7</span></button></li>
<li><button class="pagination__item"><span>8</span></button></li>
<li><button class="pagination__item"><span>9</span></button></li>
<li><button class="pagination__item"><span>10</span></button></li>
</ol>
<button class="pagination__item next"><span class="visually-hidden">다음 페이지로</span></button>
<button class="pagination__item last"><span class="visually-hidden">마지막 페이지로</span></button>
</div>
</div>
<button class="scroll-to-top"><span class="visually-hidden">위로가기</span></button>
</div>
</div>
</main>
<script>
var searchHide = $(".search-hide");
searchHide.hide();
</script>
</body>
</html>