CSS에서 수직 중앙 정렬하기 테이블 속성 이용한 방법 .valign-parent {display:table;width:100%;height:100%;} .valign-child {display:table-cell;vertical-align:middle;} 포지션 속성 이용한 방법 .valign-parent { position: relative; width:100px;height:100px; } .valign-child { width: 50%; height: 50%; position: absolute; …
CSS에서 float 속성 clear 시키는 방법 <div class="parent"> <div class="child"></div> <div class="clear"></div> </div> 새로운 태그를 추가하여 clear 스킨다 .parent { float: left; } .child {} .clear {clear:both} 부모 태그를 float시킨다. …
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){}
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) …
IOS에서 자동으로 폰트 크기를 조절하는 기능 끄기 html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
워드프레스에서 요약글을 글자수로 자르기 Usage custom_text_length_sub(get_the_title(), 80); custom_excerpt_length_sub(get_the_excerpt(), 80); Function iconv: function custom_text_length_sub($text_fun, $text_length) { $excerpt = $text_fun; $charlength = $text_length; if (iconv_strlen($excerpt) > $charlength) { $excerpt_more = apply_filters('excerpt_more', ''); …
터미널에서 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"
워드프레스 .htaccess 설정하기 Redirect https <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] </IfModule> Remove subdomain www <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC] RewriteRule ^(.*)$ …
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 | …
워드프레스에서 최대 업로드 사이즈 변경하기 function max_upload_size($limit = 2000) { if (!is_admin()) { return; } add_filter('upload_size_limit', function () use ($limit) { return $limit * 1024; }); }
