https://www.w3schools.com/howto/howto_css_icon_bar.asp
How To Create an Icon Bar
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
Chrome 웹 스토어
Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요.
chrome.google.com
Postman API Platform | Sign Up for Free
Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
www.postman.com
Spring Boot Spring Framework Spring Data Spring Cloud Spring Cloud Data Flow Spring Security Spring GraphQL Spring Session Spring Integration Spring HATEOAS Spring REST Docs Spring Batch Spring AMQP Spring CredHub Spring Flo Spring for Apache Kafka Spring LDAP Spring Shell Spring Statemachine Spring...
spring.io
Format and validate JSON data so that it can easily be read by human beings.
jsonformatter.curiousconcept.com
ApexCharts.js - Open Source JavaScript Charts for your website
ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages.
apexcharts.com
EasyUI - helps you build your web pages easily
Easy to use on jQuery and HTML5 EasyUI for jQuery provides easy to use components for web developers, which is built on the popular jQuery core and HTML5. These make your applications suitable for today's web. There are two ways to declare ui components: D
www.jeasyui.com
https://demos.telerik.com/kendo-ui/
jQuery Demos and Examples with HTML5/JavaScript Source Code | Kendo UI for jQuery
Stock History Dashboard
demos.telerik.com
TOAST UI :: Make Your Web Delicious!
The TOAST UI Is Free Open-source JavaScript UI Libraries Maintained By NHN Cloud.
ui.toast.com
생활인구 분석 문서
PNG 다운로드( 저작권주의 )
PNGWing - 독점적 인 PNG 이미지
www.pngwing.com
[Office] 오피스2019 크랙 없이 정품 인증하는 방법
오피스 2019 설치파일 [Office] 오피스2019 설치 파일 다운로드 img - 링크 (프로그램 X) 이 글은 오피스 2019 설치 파일 이미지 다운로드에 관련된 글입니다. 아래 파일를 클릭하여 다운로드하신 다음에
yjshin.tistory.com
연차 관리
새로운 HR의 시작, flex
HR의 디지털 전환을 통한 업무 효율과 직원경험의 개선. flex와 함께라면 회사의 HR이 새로워집니다.
flex.team
https://examples.bootstrap-table.com/#extensions/fixed-columns.html
Bootstrap Table Examples
examples.bootstrap-table.com
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<script type="text/javascript">
$(document).ready(function() {
$("#dashboard").attr("class","");
$("#client_manage").attr("class","active");
$("#contract_manage").attr("class","");
$("#counsel_manage").attr("class","");
$("#account_manage").attr("class","");
});
</script>
<!--tabs-->
<div class="mt-2">
<div class="tab-nav">
<a href="/cust/cust_manage.do">현황</a>
<a href="/cust/cust_sales.do" class="active">매출 현황</a>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item ml-auto"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">고객사 관리</li>
<li class="breadcrumb-item active" aria-current="page">매출 현황</li>
</ol>
</nav>
</div>
<!--매출 현황 내용-->
<div class="tab-contents">
<!--검색 옵션 영역-->
<div class="d-flex flex-wrap mb-4">
<div class="d-flex align-items-center mr-5 my-2">
<label class="bullet pr-3">년도별 조회</label>
<select class="form-control form-control-sm w-auto mr-2 searchGrp">
<option value="">전체</option>
<c:forEach begin="0" end="5" var="result" step="1">
<option value="">${endDate - result}</option>
</c:forEach>
</select>
</div>
<div class="d-flex align-items-center my-2">
<label class="bullet pr-3">제품별 조회</label>
<select id="searchPrd" class="form-control form-control-sm w-auto mr-2 searchGrp">
<option value="ALL" selected>제품 선택</option>
<c:forEach var="list" items="${prdList}" varStatus="status">
<option value="${list.prd_id}">${list.prd_nm}</option>
</c:forEach>
</select>
</div>
</div>
<!--//검색 옵션 영역-->
<!--테이블 탑 영역-->
<div class="d-flex">
<div class="search-group d-flex">
<select class="form-control form-control-sm w-100px">
<option selected>전체</option>
<option>고객사 명</option>
</select>
<input type="text" class="form-control form-control-sm search w-200px" placeholder="검색어를 입력하세요.">
</div>
<div class="d-flex ml-auto">
<button class="btn btn-outline-info only-icon icon-refresh mr-2"></button>
<button class="btn btn-outline-secondary"><i class="icon-excel"></i>내보내기</button>
</div>
</div>
<!--//테이블 탑 영역-->
<!--테이블 영역-->
<div class="mt-2">
<!--
https://examples.bootstrap-table.com/#extensions/fixed-columns.html 참고
-->
<table class="table table-bordered table-hover text-center">
<colgroup>
</colgroup>
<thead>
<tr>
<th>고객사</th>
<th>제품</th>
<th>1월</th>
<th>2월</th>
<th>3월</th>
<th>4월</th>
<th>5월</th>
<th>6월</th>
<th>7월</th>
<th>8월</th>
<th>9월</th>
<th>10월</th>
<th>11월</th>
<th>12월</th>
</tr>
</thead>
<tbody>
<tr>
<th>한성CC</th>
<th>PCFILTER 클라우드</th>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td class="table-primary">1,000,000,000</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<th>대전 RR헬스케어 주식회사</th>
<th>PCFILTER 클라우드</th>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td class="table-primary">1,000,000,000</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr class="table-info font-weight-bold">
<th colspan="2">매출액</th>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>1,000,000,000</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
<!--//테이블 영역-->
<!--테이블 바텀 영역-->
<div class="d-flex mt-2">
<select class="form-control form-control-sm w-auto mr-2">
<option>5개씩 보기</option>
<option selected>20개씩 보기</option>
<option>50개씩 보기</option>
<option>100개씩 보기</option>
</select>
<nav aria-label="Page navigation example">
<ul class="pagination pagination-sm">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
<!--//테이블 바텀 영역-->
</div>
<!--//매출 현황 내용-->
</div>
<!--//tabs-->
https://sseoui.tistory.com/107
jqgrid 자주 사용되는 태그
출처 aljjabaegi.tistory.com/322 jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 jqgrid는 개발하기 편하고 빠르며 다양한 옵션을 제공하여 선호..
sseoui.tistory.com