자바스크립트에서 가장 가까운 시간 구하기
가장 가까운 이전 시간 구하기 var prevMinutes = getPrevNearestMinutes(new Date(), 10); function getPrevNearestMinutes(oldDate, minutes) { var oldTime = oldDate.getTime(); var newTime = new Date().setHours(0, 0, 0, 0); var ms = …
momentjs 경과시간 구하기
// 2021-10-12 02:00:00 var date1 = moment('2021-10-12 02:00:00'); var date2 = moment('2021-10-11 02:00:00'); var duration = moment.duration(date2.diff(date1)); var hours = Math.floor(duration.asHours()); var minutes = duration.minutes(); minutes = minutes === 0 …
자바스크립트 프린트 윈도우 예제
자바스크립트 프린트 윈도우 예제 var printWindow = window.open('', '프린트 윈도우 예제', 'height=900,width=800'); printWindow.addEventListener("load", function() { alert("loaded"); }, false); printWindow.document.write('<html><head><title>프린트 윈도우 예제</title>'); printWindow.document.write( [ '<link rel="stylesheet" type="text/css" media="all" href="print.css" />', ].join('') …
jQuery fadein fadeout 예제
jQuery fadein fadeout 예제 fadeIn $(".example") .css({ opacity: "0", visibility: "hidden" }) .stop() .animate( { opacity: 1, }, { duration: 300, start: function () { $(".example").css("visibility", "visible"); }, done: function …
파이썬에서 랜덤컬러 만들기
파이썬에서 랜덤컬러 만들기 random color color = "#"+''.join([random.choice('0123456789ABCDEF') for j in range(6)]) random colors length = 9 colors = ["#"+''.join([random.choice('0123456789ABCDEF') for j in range(6)]) for i in range(length)]
리액트에서 네이버 오픈API 사용하기
리액트에서 네이버 오픈API 사용하기 오픈 API 등록 Application > 애플리케이션 등록 애플리케이션 이름: 영화검색사이트 사용 API: 검색 비로그인 오픈 API: WEB 설정 http://127.0.0.1:3000 오픈 API 사용 Documents > 서비스 API …
CSS에서 하드웨어 가속 시키는 방법
CSS에서 하드웨어 가속 시키는 방법 transform: translateZ(0); 선언은 최신 데스크톱 및 모바일 브라우저에서 GPU 가속을 트리거합니다. .cube { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* Other …
ShellScript 에서 xargs 사용하기
ShellScript 에서 xargs 사용하기 Usage When you are trying to delete too many files using rm, you may get error message: /bin/rm Argument list too long – Linux. Use xargs …
쉘스크립트에서 프롬프트 구현하기
쉘스크립트에서 프롬프트 구현하기 Example yes or no: while true; do read -p "Do you wish to install this program? (y/n)? " answer case ${answer} in y|Y ) echo "Yes"; break;; …
CSS에서 이미지 미리 불러오기
CSS에서 이미지 미리 불러오기 Usage body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(img01.png) url(img02.png) url(img03.png) url(img04.png); } Support Browser IE8+, FF2+, Safari 3+, Chrome 1+, Opera 9.62+ Reference image preloading with …