애니메이션으로 사용하면 성능이 저하되는 css 속성들이 있음 ex) 높이, 너비, 여백, position 등 성능 개선을 위한 방법 중 하나가 will-change 속성 사용하는 것 참고 https://wit.nts-corp.com/2017/06/05/4571 CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용) | WIT블로그 CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용) wit.nts-corp.com
date picker 활용해서 date rangepicker 사용하기 From to 실제 프로젝트 적용 $( function() { var dateFormat = "yy-mm-dd", from = $( "#from" ) .datepicker({ defaultDate: "+1w", changeMonth: true, changeYear: true, numberOfMonths: 1, dateFormat : "yy-mm-dd", dayNamesMin : ["일", "월", "화", "수", "목", "금", "토"], monthNamesShort : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], }) .on( "change", function..
HTML more list 1 more list 2 more list 3 more list 4 more list 5 more list 6 MORE CSS .box-list{ width: 100%; } .box-list:after{ display: block; content: ''; clear: both; } .box-list > li{ float: left; margin-left: 20px; margin-top: 20px; border: 1px solid #e8e9ee; } .box-list.n3{ margin-top: -20px; } .box-list.n3 > li{ width: calc((100% - 41px)/3); } .box-list.n3 > li:nth-child(3n+1){ margin-le..
@media print, screen{ *{ margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body{ width: 827px; margin: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; page-break-before: always; page-break-after: always; page-break-inside: auto; } @page{ size..
substr(문자열, 시작위치, 길이) $ev_date = substr($strViewDate,8,2); $ev_month = substr($strViewDate,5,2); $ev_year = substr($strViewDate,0,4); *참고 https://webisfree.com/2015-01-27/[php]-substr()-%EB%AC%B8%EC%9E%90%EC%97%B4-%EC%9D%BC%EB%B6%80-%EC%9E%90%EB%A5%B4%EA%B8%B0-%EC%9D%BC%EB%B6%80%EB%A7%8C-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .video-wrap iframe, .video-wrap object, .video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;} *참고 https://code-study.tistory.com/35 유튜브(Youtube) 영상 비율에 맞게 (반응형 사이즈)로 가져오기 유튜브(Youtube) 영상 비율에 맞게 (반응형 사이즈)로 가져오기 (YouTube videos in responsive size) 웹페이지 또는 개인 블로그 내에 Youtube영..