jQuery 플러그인 만들기 Usage (function($) { $('#sample').PLUGINNAME(); }(jQuery)); Example /** * PLUGIN_NAME * Version: VERSION * URL: URL * Description: DESCRIPTION * Requires: JQUERY_VERSION, OTHER_PLUGIN(S), ETC. * Author: AUTHOR (AUTHOR_URL) …
뷰포트 예제 user-scalable=no 가 포함되어 있을경우 w3c validator 를 통과하지 못한다. 따라서 PC 와 MOBILE 의 뷰포트를 다르게 설정하는것이 좋다. Summary <!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta …
경고창에서 한글이 깨질경우 <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=euc-kr' /> </head> <body> <script> window.alert('Hello World!\\n헬로우 월드!'); history.go(-1); </script> </body> </html>
블링크 애니메이션 예제 HTML <blink>hello</blink> CSS .blink { -webkit-animation: w3-blink-animation 1.5s linear infinite; -moz-animation: w3-blink-animation 1.5s linear infinite; animation: w3-blink-animation 1.5s linear infinite; } @keyframes w3-blink-animation { 50% { background: …
IOS에서 자동으로 폰트 크기를 조절하는 기능 끄기 html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
CSS에서 nth-child 속성 활용 예제 n번째 이후 li:nth-child(3n) {} li:nth-child(n+2) {} li:nth-child(3n+1) {} 테이블 tr 4행이후 모든 td table tr:nth-child(4) ~ tr td {} 4행부터 ~ 9행까지 li:nth-child(n+4):nth-child(-n+9){}
CSS에서 float 속성 clear 시키는 방법 <div class="parent"> <div class="child"></div> <div class="clear"></div> </div> 새로운 태그를 추가하여 clear 스킨다 .parent { float: left; } .child {} .clear {clear:both} 부모 태그를 float시킨다. …
터미널에서 SSH 접속하기 Usage sudo ssh -t <USERNAME>@<IP_ADDRESS> -p 22 -i "<KEY>" Example sudo ssh -t ubuntu@127.0.0.0 -p 22 -i "private.pem"
PHP에서 uuid v4 만들기 PHP < 7 function guidv4($data){ assert(strlen($data) == 16); $data[6] = chr(ord($data[6]) & 0x0f | 0x40); // set version to 0100 $data[8] = chr(ord($data[8]) & 0x3f | …
datepicker 한글 번역하기 $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], showMonthAfterYear: true, changeMonth: true, changeYear: true, yearSuffix: '년', …
