분류 전체보기
Custom 드롭다운
//드랍 메뉴var drop_menu_data = "";var drop_menu_num = ""; function drop_menu(obj){ drop_menu_data = $(obj).text();drop_menu_num = $(obj).parent().prev().children().attr('name').replace("crawling_status", ""); var drop_top = $(obj).offset().top - 70;var drop_left = $(obj).offset().left - (($("#drop").outerWidth() - $(obj).width()) / 2); var droparrow_top = drop_top + $("#drop").outerHeight();var dro..
Safari new Date 형 변환시 NaN
# 사파리, IE8 이하 var today = new Date(); //현재시간 var sqlday = new Date(result[q]['wr_datetime'].replace(/-/g, '/')); // 글 시간 var timegap = today.getTime()- sqlday.getTime(); // 시간차 var sec_gap = Math.floor(timegap/1000); // 초 차이var min_gap = Math.floor(timegap/60000); // 분 차이var hour_gap = Math.floor(min_gap/60); // 시간 차이var day_gap = Math.floor(timegap / (1000 * 60 * 60 * 24)); // 일수 var result_tim..
반응형 테이블
#html 이름 반응형 #css @media all and (max-width: 768px){ .mt thead{display: none;} .mt tbody tr td{display: block;} /* 한 줄 */ /* .mt tbody tr td{display: inline-block; width: 50%;} */ /* 여러 줄 */ .mt tbody tr td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } }https://codepen.io/anon/pen/dZrozW
유용한 사이트
# 아이콘 & 디자인 관련 1. 픽사베이 - https://pixabay.com/ko/2. IconFinder - https://www.iconfinder.com/3. 플랫아이콘 - https://www.flaticon.com/4. 아이콘 몬스터 - http://iconmonstr.com/5. 아이콘 모노 - http://icooon-mono.com/6. 나운프로젝트 - https://thenounproject.com/7. Pngimg - http://pngimg.com/8. FontAwsome - http://fontawesome.io/9. 파비콘 - http://www.xiconeditor.com/
선택 동작 없애기
html{ /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */ -webkit-touch-callout:none; /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */ -webkit-user-select:none; /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } -webkit : 구글 크롬, 애플 사파리에 적용. -moz : 모질라(FireFox, 파이어폭스)에 적용. -ms : 인터넷익스플로러에 적용. -o : 오페라에 적용. oncontextmenu : 오른쪽 금지ondragstart : 드래그 금지onselectstart : 선택 복사 금지 참고 : https://m.blog.n..
별 색칠하기
#HTML - fontawsome 이용 #JavaScript function mover(obj){ $(obj).prevAll().andSelf().addClass("fa-star"); $(obj).prevAll().andSelf().removeClass("fa-star-o"); } function mout(obj){ $(obj).prevAll().andSelf().addClass("fa-star-o"); $(obj).prevAll().andSelf().removeClass("fa-star"); } function mclick(obj){ $(".as").attr('onmouseout',''); $(".as").attr('onmouseover',''); $(obj).prevAll().andSelf().add..
파일 업로드 & 다운로드
#파일 업로드 @RequestMapping(value = "/file_upload") public String file_upload(HttpServletRequest request, Model model, HttpServletResponse response, MultipartHttpServletRequest upload) { MultipartFile f = upload.getFile("param"); try{ String name = null, ext = null; String fileName = f.getOriginalFilename();//파일 원본명 fileName = Normalizer.normalize(fileName, Normalizer.Form.NFC); // 맥(MAC)에서 한글 자모 분리..
Java aes256 암호화 복호화
1. mvn의 경우 pom.xml에 commons-codec dependency를 추가해준다. 2. https://mvnrepository.com/artifact/commons-codec/commons-codec 원하는 버전을 선택한다. 3. util package를 만들어주고, AES256Util.java를 만든다.package com.test.api.util; import java.io.UnsupportedEncodingException; import java.security.InvalidAlgorithmParameterException; import java.security.InvalidKeyException; import java.security.Key; import java.security.No..
Apache Httpd.conf PHP 연동
1. ServerName을 아래와 같이 수정해준다. #ServerName www.example.com:80 ServerName 127.0.0.1:80 2. 아래와 같이 수정한다. DirectoryIndex index.html index.htm index.php index.php3 3. 아래에 아래 두줄을 추가한다.AddType application/x-compress .ZAddType application/x-gzip .gz .tgz AddType application/x-httpd-php .php .html. htm .incAddType application/x-httpd-php-source .phps 4. 맨 아래에 추가한다. SetHandler application/x-httpd-php
HTML 색상표
RED HTML COLOR NAMESINDIANRED#CD5C5CRGB(205, 92, 92)LIGHTCORAL#F08080RGB(240, 128, 128)SALMON#FA8072RGB(250, 128, 114)DARKSALMON#E9967ARGB(233, 150, 122)LIGHTSALMON#FFA07ARGB(255, 160, 122)CRIMSON#DC143CRGB(220, 20, 60)RED#FF0000RGB(255, 0, 0)FIREBRICK#B22222RGB(178, 34, 34)DARKRED#8B0000RGB(139, 0, 0)PINK HTML COLOR NAMESPINK#FFC0CBRGB(255, 192, 203)LIGHTPINK#FFB6C1RGB(255, 182, 193)HOTPINK#FF6..
JSTL requestScope 예제
# Controller String edu_key = request.getParameter("edu_key"); try { if(request.getParameter("edu_key")==null){ System.out.println("[ERROR] : NO SELECT KEY"); } else { System.out.println("[SELECT EDU KEY] : " + edu_key); //HashMap map = new HashMap(); //map.put("edu_key",edu_key); //List list = sqlSession.selectList("com.rectworks.quickap_edu.dao.IDao.selectEduReview",map); List list = sqlSessio..
JDK 설치, 환경변수 설정
1. JDK를 설치한다. http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2. 제어판 -> 모든 제어판 항목 -> 시스템 -> 고급 시스템 설정에 들어간다. 3. 고급 탭 -> 환경변수 -> 시스템 변수(S) -> 새로 만들기를 클릭한다. 4. 변수 이름 : JAVA_HOME / 변수 값 : C:\Program Files\JAVA\jdk1.8.0_133 을 입력한다.* 버전과 경로를 맞춰준다. 5. 시스템 변수(S)에 Path를 누른 후 편집 클릭 6. %JAVA_HOME%\bin 를 추가해준다.
checkbox switch ios
1. http://callmenick.com/post/css-toggle-switch-examples 에 들어간다. 2. Get source 버튼을 눌러 다운을 받아준다. 3. 받은 파일 압축을 풀어준다. 4. css폴더안에 style.css 를 프로젝트 안에 넣어준다. 5. 사이에 css를 지정해준다. 이름을 바꿔 사용해도 무방하다. 6. 기본형은 아래와 같고 응용해서 사용하면 된다. 7. 자바스크립트 Checkbox Checked 여부확인은 아래와 같이 하면된다. function test(obj){var cb_id = document.getElementById(obj.getAttribute('id')); if(cb_id.checked){ console.log("true"); // 클릭 }else{ c..
2017년 10월 그래픽카드 성능순위
출처 : https://www.videocardbenchmark.net/ Ctrl + F 로 검색하셔도 됩니다. 그래픽 카드를 클릭하시면 자세한 내용을 확인할 수 있습니다. Quadro P600013,648$4,849.00GeForce GTX 1080 Ti13,453$719.99NVIDIA TITAN X13,081$1,200.00*NVIDIA TITAN Xp13,031$1,200.00*GeForce GTX 108012,012$499.99Radeon RX Vega 6411,818$569.99Radeon Vega Frontier Edition11,708$999.99Radeon RX Vega11,533$469.99Radeon RX Vega 5611,414NAGeForce GTX 980 Ti11,308$565...
팝업 자동사이즈 autosize
function autoSizePopup() { var winResizeW=0; var winResizeH=0; $(document).ready(function() { //크롬, 사파리일때 if (navigator.userAgent.indexOf('Chrome')>-1 || navigator.userAgent.indexOf('Safari')>-1) { if(winResizeW==0 && winResizeH==0) { resizeWin(); } } //크롬, 사파리말고 모두 else { resizeWin(); } }); function resizeWin() { var conW = $("#test").innerWidth(); //컨텐트 사이즈 var conH = $("#test").innerHeight();..
2017년 10월 CPU성능 순위
2017년 10월 16일자 노트북 CPU 성능 순위입니다.CTRL + F 로 확인하고 싶은 CPU 순위 확인이 가능합니다. PosModelL2 Cache + L3 CacheTDP (Watt)MHz - Turbo1Intel Xeon E3-1535M v61MB + 8MB453100 ‑ 42002Intel Core i7-7920HQ1MB + 8MB453100 ‑ 41003Intel Xeon E3-1505M v61MB + 8MB453000 ‑ 40004Intel Xeon E3-1575M v51MB + 8MB453000 ‑ 39005Intel Core i7-4940MX1MB + 8MB573100 ‑ 40006Intel Core i7-7820HQ1MB + 8MB452900 ‑ 39007Intel Core i7-78..
2017년 10월 그래픽카드 성능 순위
2017년 10월 16일자 그래픽카드(데스크탑 + 노트북) 성능 순위입니다.CTRL + F 로 확인하고 싶은 그래픽카드의 순위 확인이 가능합니다. RankGraphic CardG3D Mark1GeForce GTX 1080 Ti13,4352Quadro P600013,2183NVIDIA TITAN X13,0744NVIDIA TITAN Xp12,8705GeForce GTX 108012,0056Radeon Vega Frontier Edition11,7087Radeon RX Vega 6411,7088Radeon RX Vega11,5339GeForce GTX 980 Ti11,30510Radeon RX Vega 5611,00511GeForce GTX 107010,95612GeForce GTX 1080 with Max..
div onclick 안에서 다른 요소 onclick
23 2를 클릭하면 1출력 후 2가 출력된다. 2만 출력하게 하고 싶은 경우 23 if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true; 를 넣어주면 2를 클릭했을때 2만 출력된다.
Linux 쉘 메세지 언어 변경
# echo $LANG ko_KR.UTF-8 현재 한글로 설정되어있다. en_US.UTF-8 현재 영어로 설정되어있다. # LANG=ko_KR.UTF-8 한글로 변경한다. # LANG=en_US.UTF-8 영어로 변경한다. 영구적용 # vi ~/.bashrc 마지막 줄에 'export LANG=en_US.UTF-8'을 추가한다.